voragine.net

Autonomía digital y tecnológica.

Cómo generar dinámicamente una hoja de estilos CSS mediante PHP para variar de manera aleatoria los colores

PHP se usa frecuentemente para generar HTML, pero rara vez para construir de manera dinámica una hoja de estilos CSS. Mediante el uso de variables en las hojas de estilos CSS gestionadas por PHP, podemos crear patrones de diseño abiertos, para luego usarlos según convenga, por ejemplo para variar de manera aleatoria los colores de una web.
Contexto: Desarrollo web, , , ,
Leer el artículo

Rotar texto con CSS

Cuando empecé a hacer páginas web, y tras haber trabajado con programas de diseño gráfico, me parecía imposible que no existiese una manera de colocar texto girado noventa grados en una web. Entonces efectivamente no era posible, luego me olvidé siquiera de la posibilidad de hacerlo, y ahora descubro que ya se puede, según con que navegador se esté viendo la web.
Contexto: Desarrollo web,
Leer el artículo

Los estilos CSS por omisión de los navegadores y cómo resetearlos para controlarlos

[actualizado el ]
En CSS Newbie explican cómo asignan los navegadores el estilo por omisión a algunos elementos HTML, como el tamaño de los títulos, la separación entre párrafos o el estilo de los items de una lista. Luego dan unas reglas básicas para saltarse estos estilos de los navegadores, lo que se suele hacer reseteando estos estilos [...]
Contexto: Desarrollo web, Diseño gráfico, ,
Leer el artículo

Reseteando estilos CSS

[actualizado el ]
Cada navegador asigna a las principales marcas HTML unas propiedades de estilo por defecto. Ésto es uno de los factores que provocan que el diseño de una página web no se visualice igual en todos los navegadores. Para que un diseño web tienda a ser homogéneo en todos los navegadores, lo que se conoce como cross browsing, es necesario resetear todos los estilos para poder controlarlos a gusto. Existen miles de CSS para conseguir esto, casi cada diseñador tiene el suyo. En anieto2k he encontrado uno bastante completo.
Contexto: Desarrollo web, Diseño gráfico, ,
Leer el artículo

Recursos para empezar con jQuery

jQuery tutorials for designers. Una serie de pequeños tutoriales, casi recetas, para entender los fundamentos de jQuery y aprender a hacer los efectos visuales dinámicos típicos de menú. / 50+ Amazing Jquery Examples. Desde los plugins más sencillos, listados deslizantes, menús en acordeón, hasta algunos más complejos o menos corrientes, formularios o ruedas de selección de color. Muy útil para empezar a concebir lo que jQuery puede hacer. / Easy Slider. Un plugin para incorporar menús deslizantes realmente fácil de añadir a cualquier página, desarrollado por CSS Globe. / Easy Tooltip. Un plugin para incorporar elementos de ddistinta complejidad que aparecen al hacer rollover sobre cualquier elemento HTML, también desarrollado por CSS Globe.
Contexto: Desarrollo web, Usabilidad, , ,
Leer el artículo