Cómo funciona un navegador web por dentro, un curso divulgativo

Mariko Kosaka ha publicado en el área de desarrolladores de Google este interesante curso en cuatro partes titulado Un vistazo al interior de un navegador web moderno (en este caso: Chrome) en el que con dibujos explica lo que sucede entre bambalinas con uno de los programas que más habitualmente utilizamos para viajar de un lugar a otro por Internet. Inside look at modern web browser : part 1 | part 2 | part 3 | part 4 En la primera parte cubre cómo funcionan la arquitectura, la CPU/GPU y memoria , la ejecución de procesos e hilos y lo que hace cada uno de ellos. Esto tiene que ver con el uso de la memoria, el aislamiento entre procesos y ese tipo de tareas Seguir leyendo Cómo funciona un navegador web por dentro, un curso divulgativo

Tendencias del diseño web para 2019

En Webflow hablan de 20 tendencias en diseño web para 2019 que dicen «definirán el diseño de webs y productos digitales» a lo largo del próximo año. Es muy visual y bien merece un vistazo Seguir leyendo Tendencias del diseño web para 2019

Cómo los navegadores web dibujan las páginas HTML/CSS, explicado con viñetas

En un artículo titulado Inside a super fast CSS engine: Quantum CSS (aka Stylo) uno de los ingenieros de Mozilla explicaba el año pasado cómo es por dentro un motor CSS desarrollado para Firefox, lo que llamaron Project Quantum . Seguir leyendo Cómo los navegadores web dibujan las páginas HTML/CSS, explicado con viñetas

Un tutorial animado de Flexbox

Greg Sidelnikov, el «profe de JavaScript» y autor del CSS Visual Dictionary ha publicado Flexbox: el tutorial animado , un excelente resumen de las posibildades de Flexbox para el diseño de contenidos web. Para el artículo ha hecho bueno aquello de que si una imagen vale igual que mil palabras, una animación quizá valga también como mil imágenes . Seguir leyendo Un tutorial animado de Flexbox

Números primos que sirven para «pintar con colores»

Roland Meertens ha ideado un método para pintar cuadros con colores usando números primos . Y la verdad es que el resultado –y el método– es la mar de interesante Seguir leyendo Números primos que sirven para «pintar con colores»

El Museo de sitios web de Kapwing: más de dos décadas de diseños de páginas de internet

El equipo de Kapwing tiene en su web este Museo de Sitios Web donde analizan visualmente la evolución de diversas webs de contenidos, servicios y tiendas. Son una especie de máquina del tiempo que abarca desde 1995 hasta nuestros días, dos décadas de evolución del HTML / CSS / JavaScript y de las ideas sobre cómo hacer atractiva y útil una página. Entre los sitios analizados están –como no podría ser de otro modo– Yahoo (1995), Google (1998) y Amazon (1999), pero también Facebook , Reddit o Airbnb Seguir leyendo El Museo de sitios web de Kapwing: más de dos décadas de diseños de páginas de internet

Los tutoriales de Layout Land: técnicas CSS Grid y Flexbox para crear páginas web adaptables

Los vídeos de Layout Land son probablemente la mejor forma de pasar un rato aprendiendo sobre CSS, Flexbox y diseño web que hay actualmente. Seguir leyendo Los tutoriales de Layout Land: técnicas CSS Grid y Flexbox para crear páginas web adaptables

Scrollama: una librería para crear historias animadas en páginas web

Scrollama [en Github] es una librería JavaScript de Russell Goldenberg para crear historias animadas en páginas dependientes del movimiento mediante scroll vertical al desplazarse por ellas. Esta técnica, que es bastante útil como elemento de ayuda a la «narración» de ciertas información como artículos y otros documentos es técnicamente viable pero para nada trivial. De modo que lo que hace esta librería es aportar algunas funciones y eventos para detectar la granularidad del scroll (del 0 al 100%), saber cuándo ciertos elementos pasan por las zonas clave y dejar fijos algunos objetos hasta que se produzcan ciertos movimientos Seguir leyendo Scrollama: una librería para crear historias animadas en páginas web