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

La paradójica complejidad del CSS, que aumenta y disminuye a la vez

Eric Meyer es uno de los coautores de CSS: The Definitive Guide y el otro día publicó esta foto en Twitter con las tres últimas ediciones del libro. La cuarta es un pedazo de ladrillo de 1.016 páginas con, básicamente, «todo lo que se puede saber sobre CSS». En sus propias palabras: Mi intención no era más que mostrar gráficamente cuán drásticamente se han ampliado las posibilidades de CSS desde la edición anterior y cuánto trabajo Estelle [la coautora del libro] y yo habíamos puesto (…) Curiosamente mucha gente contestó diciendo: «Este es el problema del front-end, lo rápido que aumenta su complejidad» (…) Es cierto que CSS tiene hoy en día muchas más posibilidades que antes, pero también es cierto que viéndolo como «todo lo que se puede saber potencialmente sobre CSS» el asunto puede llegar a suponer todo un reto Seguir leyendo La paradójica complejidad del CSS, que aumenta y disminuye a la vez

Cómo detectar y contar números primos con CSS

Xieranmaya (con ayuda de su hermana Tian Qiong) explica en su página de Github cómo se pueden detectar y contar números primos con cualquier navegador web utilizando código CSS. La demo cuenta de 1 a 1000 y resalta en color rojo los números que son primos: sólo divisibles por sí mismo o por la unidad Seguir leyendo Cómo detectar y contar números primos con CSS

Los colores más populares de la web

Los colores más populares situados en una rueda de color (tono/saturación) En The Colors Used by the Ten Most Popular Sites Paul Hebert desgrana los colores más utilizados en los diez sitios web más populares (de Google a Twitter, pasando por Facebook y la Wikipedia) aprovechando para dar algunas explicaciones sobre a) Cómo extraer y limpiar todas las paletas de color utilizadas en una página web a partir del HTML/CSS, transparencias, las distintas codificaciones en que pueden estar representados, etcétera. b) Algo de teoría del color y qué significa toda la terminología: tono, saturación, luminosidad, canal alfa, componentes etcétera. Seguir leyendo Los colores más populares de la web

Lo que viene a continuación es el futuro: un documental sobre la World Wide Web

What Comes is the Future es un documental de Matt Griffin, creador de Bearded trata de resumir en una hora decenas de conversaciones con figuras históricas de la World Wide Web, comenzando por el llamado «padre de la Web» (Tim Berners-Lee) y con la participación de expertos de todas las áreas: Jeffery Zeldman (diseñador), Denise Jacobs (creativa), Eric Meyer (promotor de estándares, especialmente del CSS) y muchos otros. Dicen que el documental se concibió como una manera de homenajear el ~25º aniversario de la World Wide Web a través de los recuerdos de muchos de sus principales implicados a lo largo de más de dos décadas. Seguir leyendo Lo que viene a continuación es el futuro: un documental sobre la World Wide Web

Neon es un navegador web visual (y experimental) de Opera

El navegador Neon de Opera es una interpretación “fresca y divertida” del navegador web Opera. Puede descargarse gratis para Mac y Windows Seguir leyendo Neon es un navegador web visual (y experimental) de Opera

CSSreferenc.io: una guía visual de las propiedades CSS

CSSreferenc.io es una guía visual de las propiedades más habituales de CSS. Pero en vez de ser el típico listado a lo bruto tipo W3C u O’Reilly esta guía está elegantemente diseñada, de modo que se pueda ver el resultado de un vistazo. Seguir leyendo CSSreferenc.io: una guía visual de las propiedades CSS