Recursos web para practicar y trabajar con CSS

Si estáis aprendiendo diseño web y os gustaría practicar hojas de estilo sin necesidad de instalar nada en vuestro ordenador, podéis hacer uso de varias aplicaciones web que ayudan con el tema.

Os dejamos algunos de los enlaces más populares en el mundo de los editores online de CSS, todos ellos semejantes en su funcionamiento, esperando que os sean de utilidad:


Podemos editar el código HTML y el CSS de la sección izquierda de la página y ver el resultado alterado en tiempo real a la derecha del sitio.



Semejante a la opción anterior, con un panel superior incluyendo el HTML, otro inferior con el CSS y una gran sección central con el resultado. Podemos bajar el código realizado y alterar la textura de fondo.


Muy completo, con atajos a recursos que ayudan en la programación de CSS, HTML y JS. 


Solución de Mozilla que permite practicar, desarrollar webs y agruparlas por proyectos. Una de las más completas de la lista. Thimble no es la única herramienta disponible en el proyecto, existiendo otras opciones en webmaker.org/en-US/tools/, todas relacionadas con la creación de webs.


No es tan sencillo de usar como las otras opciones, pero permite editar el CSS de cualquier página web que estemos viendo para alterar su diseño completamente. Es ideal para quien está diseñando una web y quiere realizar alteraciones sin que nadie más las vea.

Comentarios

Publicar un comentario

Entradas populares de este blog

3 plataformas para construir elegantes sitios web sin programar

Imagen
Cada vez es más común ver cómo alguien que no tiene grandes conocimientos de programación consigue crear un sitio web realmente rápido, bonito, moderno y elegante, y eso es algo que puede conseguirse con varias plataformas existentes en la actualidad. En esta breve lista os mostramos tres opciones que vale la pena tener presentes para todos aquéllos que quieran comenzar a trabajar creando sitios web: – Slides : Se trata de una solución no gratuita que tiene bastante fama en el mercado. Han lanzado ahora la versión 3.0, mucho más intuitiva y flexible. Las ventajas de usar Slides es que tiene componentes individuales que pueden configurarse de muchas formas diferentes para crear una infinidad de combinaciones. Podemos elegir varios tipos de menús, listas, títulos, botones, formularios, tablas de precios, enlaces, galerías de fotos… Solo tenemos que ir navegando por las secciones que queremos incluir en cada página, seleccionar las opciones deseadas y adaptar el diseño ...
Leer más

Dabbleboard, una pizarra para hacer más productivas las reuniones

Imagen
Gracias a la red, cada vez es más habitual desarrollar proyectos y trabajar con equipos de trabajo deslocalizados , es decir, situados en distintas ubicaciones geográficas distintas (empresas con varias sedes, empleados que desempeñan sus funciones en teletrabajo , freelances …). En este tipo de entornos de trabajo es fundamental una buena coordinación y el establecimiento de mecanismos de comunicación ágiles que permitan hacer fluir la información o concentrar toda la información que se genera dentro de un repositorio común. Herramientas como Skype o, incluso, los hangouts de Google+ pueden ayudarnos a mantener reuniones virtuales y, por tanto, a “acortar distancias” pero fruto de una reunión es posible que surjan múltiples ideas que nos interesen plasmar en algún tipo de mapa conceptual para que el brainstorming no se pierda y pueda desarrollarse dentro del proyecto; esta tarea podemos hacerla también de manera colaborativa recurriendo, por ejemplo, a Dabbleboard Dabbleb...
Leer más

Todas las preguntas que puedes hacer a Cortana en Windows 10

Imagen
Es oficial. Con Windows 10, los asistentes de voz empiezan a dar miedo. - ¡Adiós, Cortana, buenas noches! - Buenas noches, Toni. Nos vemos por la mañana. Ayer me sorprendí a mí mismo deseando las buenas noches a Cortana . ¡Fui amable con mi PC! Lo que más me preocupó es que Cortana, ni corta ni perezosa, me citó para la mañana siguiente. Me esperaba ver en mi horario habitual, cómo haría un colega de trabajo. Está claro que Cortana en Windows 10 aún no pasaría el test de Turing pero Microsoft ha trabajado a conciencia su personalidad , voz y respuestas programadas. Supone un gran avance en el realismo del mundo de los asistentes virtuales. ¿Te acuerdas de nuestro vídeo sobre asistentes que se volvían personas ? Qué miedo… Hay dos maneras de utilizar un asistente virtual . Una es usar sus capacidades para que te ayude en tu día a día con información y comandos útiles y la otra es hablarle de tonterías. En este artículo verás una muestra de todas las preguntas y comandos que ...
Leer más