Ir al contenido principal

Para aprender a crear webs, una web que se va creando en directo ante ti

Samuel Reed ofrece esta animación en vivo de como el CSS da estructura a una página.
DEGUI Adil - Shutterstock

Internet presta tantos servicios actualmente que no tienes ni que salir de su casa para hacer las compras de la semana, entretenerte, trabajar o comer la comida de tu restaurante favorito. Y si lo que quieres es aprender, la web también ofrece información de todos los temas posibles.
Para aquellos que quieren educarse en el mundo de la tecnología, más específicamente para los que quieren aprender a programar, hay muchas formas de hacerlo. Pueden optar por usar un juego como CodeSpells para hacer la experiencia más divertida, tomar cursos gratuitos, o simplemente revisar el trabajo de los demás para buscar inspiración. Muchos desarrolladores liberan su trabajo bajo licencias open source para colaborar con la comunidad, y para hacerle más fácil del proceso de aprendizaje a otros. Actualmente hay una nueva e interesante tendencia de crear animaciones con sitios web que se programan a si mismos en tiempo real para mostrar al espectador cómo se obtuvo el diseño final.

STRML

Samuel Reed, un desarrollador de sitios web interactivos, decidió crear justamente esto: una web llamada STRML.net que se programa en tiempo real en frente de nuestros ojos, de manera que podamos ver cómo es la estructura que debe llevar un archivo de CSS.
Apenas abrimos el sitio, el desarrollador comenzará a escribir código en vivo y la estructura de la web va cambiando con cada linea de CSS, además estará comentando acerca del código que escribe y para qué sirve cada función.
La animación pasa rápidamente pero en la parte de abajo hay un par de botones donde se puede pausar para leer lo que ha agregado en las últimas líneas y poder entender mejor. El otro botón elimina toda la animación y te lleva al final de la misma para saber cuál es el resultado final. También puedes ingresar tu mismo cambios al código si quieres añadir algo o jugar con el resultado. Finalmente, Reed ha dejado en github todo el código fuente a nuestra disposición y ha liberado el proyecto bajo una licencia abierta.
Etiquetas:

Comentarios

Publicar un comentario

Entradas más populares de este blog

7 aplicaciones para gestionar proyectos de forma eficiente

¿Estás trabajando en equipo pero todo es un caos? entonces deberías probar estas aplicaciones para gestionar proyectos que te ayudarán a organizarlo todo. Shutterstock Sin duda  trabajar en equipo  es una tarea que generalmente se nos complica debido a problemas de comunicación, sincronización de tiempos, bajo presupuesto o falta de organización, lo que repercute en el resultado final o en la calidad del trabajo realizado. Afortunadamente ya no tiene que ser así. La tecnología ha permitido que hoy en día tengamos muchas herramientas digitales de donde escoger. Éstas nos permiten estar a cargo de tareas y administrar nuestro tiempo para  trabajar con otras personas sin necesidad de estar físicamente en un lugar . A este tipo de herramientas se le conoce como  aplicaciones de gestión de proyectos  y hoy te traemos las mejores opciones que existen para que puedas empezar a organizar tus tareas. Trello Trello  es la aplicación por defecto...
Publicar un comentario
Más información

10 excelentes webs para aprender nuevos idiomas gratis

¿Te gustaría aprender un nuevo idioma? Ahora no tienes que invertir tanto tiempo y dinero, con estas webs para aprender idiomas ya no hay pretexto. Luis Molinero | Shutterstock Actualmente,  hablar más de un  idioma  no es un lujo, es una necesidad . Las exigencias globales del mundo en el que vivimos requieren de nuevas competencias de comunicación y por ello, es fundamental que las personas podamos comunicarnos en más de un idioma. Por ejemplo,  el inglés, aunque no es el idioma más hablado, es considerado el idioma universal , razón por la cual, muchas veces, se da por sentado que todos lo conocemos, lo que puede hacernos pasar más de alguna vergüenza. Entre los  hispanohablantes , aprender inglés no era una tarea sencilla, quizás por la cuestión de la pronunciación, pero hoy ya no tiene porque ser así. Y es que aprender un nuevo idioma nos abre las puertas a nuevos mundos, a nuevas oportunidades de empleo y a nuevas relaciones personales. Si esto ...
Publicar un comentario
Más información

3 tácticas para gestionar el tiempo que te ayudarán a aumentar tu productividad

Uno de los grandes problemas que tenemos y del que no siempre somos conscientes los profesionales de marketing online es que  necesitamos pautas para gestionar nuestro tiempo y ser más eficientes . De nada sirve ocupar buena parte de tu jornada leyendo las últimas novedades y actualizaciones si no te queda tiempo para ponerlas en práctica. Trabajar con información no es fácil Hoy me gustaría explicarte  3 reglas de oro  que te ayudarán a ser mucho más productivo en todo lo que hagas y a  eliminar bloqueos mentales , que muchas veces es el  verdadero problema encubierto de la gestión del tiempo . # 1. Simplifica Simplificar es una cuestión de prioridades . ¿Cuántas horas pasas delante del ordenador atendiendo las tareas menos importantes mientras las importantes las retrasas un día tras otro hasta que dejan de serlo? Por ejemplo, te conectas a Facebook o Twitter en cuanto recibes una notificación, respondes al email que acaba de llegar, buscas conten...
Publicar un comentario
Más información