Google está probando un prototipo de caché back/forward (bfcache) para acelerar la navegación

En el vídeo, el navegador de la izquierda es un navegador Chrome normal y corriente; el de la derecha utiliza un sistema experimental de caché back/forward (bfcache) que hace que al usar los botones atrás/adelante del navegador la respuesta sea instantánea. Safari, Edge, Firefox, Opera y otros navegadores implementan este tipo de bfcache desde hace tiempo, con ligeras variaciones todos ellos. Cada método tiene sus ventajas y desventajas. Seguir leyendo Google está probando un prototipo de caché back/forward (bfcache) para acelerar la navegación

Un billete de tren diseñado al completo con CSS Grid

Este diseño de un billete de tren en CSS Grid permite ver algunas de las posibilidades del diseño web con estas técnicas examinando el código original (Change View > Editor) . Limpio y elegante. Este ejercicio me recordó algunos de los rediseños de tarjetas de embarque que los diseñadores se entretiene en mostrarnos de vez en cuando. Seguir leyendo Un billete de tren diseñado al completo con CSS Grid

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