Cualquiera que lleve a cabo modificaciones en la visualización del sitio Web—mediante CSS—habrá comprobado lo tedioso que resulta estar actualizando (aka refresh) la ventana del navegador cada vez que se modifica la hoja de estilos. CSS Refresh es un pequeño script, no intrusivo, que se encarga de detectar modificaciones en el archivo CSS y actualizar [...]
Impress es un script escrito por bartaz quien se ha insiprado en las posibilidades de prezi.com; de esta manera, Impress se presenta como un framework que simplemente explota las posibilidades de CSS3 en cuanto a transformación y transición. Para saber más, sólo hay que mirar el código fuente Este script está basado en las posibilidades [...]
Border radius es un generador de código CSS; se trata de una sencilla aplicación que de manera práctica; sólo requiere informar el número por esquina en pixels para aplicar el borde redondeado correspondiente. En mi ejemplo para un div 90, 5, 90, 5 la aplicación ha generado (ver imagen) la siguiente declaración en CSS: -webkit-border-radius: [...]
Como generar fácilmente un degradado—en CSS3—a partir de una imagen Codear un gradiente complejo en CSS3 no es sencillo, y menos aún si toma como punto de partida e inspiración una imagen. No obstante, con una herramienta adecuada como Gradient Scanner la cosa se pone bien sencilla. Gradient Scanner es un aplicación Web íntegramente escrita [...]
Chad Mazzola (aka ubuwaits) nos presenta una colección de botones realizados en CSS3 mediante técnicas avanzadas. Intentando, siempre, mantener al mínimo el markup innecesario (desde el punto de vista semántico). Estos botones se visualizan mejor en Google Chrome y en Safari (espcialmente, corriendo bajo OSX). De todas maneras, la experiencia en Firefox es muy buena; [...]
Fractal es una aplicación Web creada por Paul Robert Lloyd inspirada en las buenas prácticas publicadas en Email Standards Project, entre otros recursos. Sólo es necesario copiar el contenido del mail y la aplicación mostrará las líneas de código que no son compatibles con alguno de los principales 24 clientes de correo. Entiendo que es [...]
No se utilizan imágenes, puro CSS 3D Ribbon Generator es una aplicación Web que genera el efecto cinta en 3D para ser utilizado en blogs o sitios Web. La generación del efecto se lleva a cabo a partir del form que es necesario completar con los datos correspondientes. Esto es, nombre de los selectores, opción [...]
Transformie es una librería de jQuery que pesa sólo 5 Kb y que al insertarse en cualquier página Web mapea los filtros nativos de Internet Explorer en verdaderas transformaciones de CSS3. Transformie soporta las siguientes funciones de la sintaxis de Webkit: rotate scale, scaleX, scaleY skew, skewX, skewY matrix (con la excepción de los últimos [...]