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

Sailfish OS certificado como alternativa a Android en Rusia

Los finlandeses de  Jolla  están de enhorabuena, especialmente si recordamos que no hace mucho estaban casi en la bancarrota, tras embarcarse en una aventura algo arriesgada para la fabricación de tablets. Ahora la vida les sonríe: las autoridades rusas  han certificado  el  sistema operativo Sailfish OS  para su uso por parte del gobierno y corporaciones del país. Se trata de un sistema con base open source ( Linux ), pero con una  capa privativa  presente en algunos de sus componentes como puede ser la interfaz o determinadas aplicaciones. La gran ventaja de Sailfish respecto a otros competidores en el mercado del smartphone –como el ya desaparecido  Firefox OS  o  Ubuntu –, es su  compatibilidad con las aplicaciones de Android. Las intenciones de Rusia es  reducir el uso de sistemas operativos extranjeros  (Android, iOS) en móviles del 95% actual  a la mitad en 2025 . Disminuir la  dependen...
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

Iproute2 la Sustitución completa de ifconfig

Adios net-tools, Bienvenido iproute2 Un poco de historia El aprender del pasado, nos prepara para el futuro La mayoría de las distribuciones de Linux, y la mayoría de los UNIX, usan todavía algunas de ellas las venerables órdenes arp, ifconfig y route. Aunque funcionan, muestran cierto comportamiento inesperado a partir de Linux 2.2. Por ejemplo, los túneles GRE son parte integral del enrutado hoy día, pero precisan herramientas completamente diferentes. Los núcleos Linux 2.2 y superiores incluyen un subsistema de red completamente rediseñado. Este nuevo código de red proporciona a Linux un rendimiento y características con poca competencia en el panorama general de los SO. En realidad, el nuevo código de enrutado, filtrado y clasificación tiene más posibilidades que el que proporcionan muchos enrutadores y cortafuegos dedicados y productos de control de trafico. Actualmente las principales distribuciones de Linux, han sustituido la instalación predeterminada de estas aplicacio...
Publicar un comentario
Más información