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

Crea una página profesional en minutos con Google Sites

Google  tiene de todo . Además de buscador, cuenta con un portal de vídeo (YouTube), un atlas geográfico (Mapas), una suite ofimática (Drive), un cliente de correo electrónico (Gmail), un espacio donde compartir tus fotos, una tienda de apps (Google Play)… Con Google incluso puedes  poner en marcha un blog  en segundos gracias a  Blogger . Entras, te registras, configuras una plantilla y sólo tendrás que crear contenido. Apenas requiere mantenimiento. Por otro lado, si eras  cliente de G Suite , antes Google Apps, además de contar con espacio en Drive, correo electrónico Gmail, calendarios y otros servicios enfocados a la empresa, podías crear  la página web de tu negocio  usando Google Sites. Los usuarios particulares, o quienes no querían una suscripción de pago a G Suite, para montar una página web con Google debían  acudir a Blogger o al espacio gratuito que ofrece Drive . Pero desde hace varios años ya es posible usar Google Sites p...
Publicar un comentario
Más información

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