CSS 1K es una web que presenta una idea similar a la CSS Zen Garden. Sin embargo, además de proponer a todo el mundo que envíe un CSS para su publicación, se establece un requisito importante: el CSS, una vez minimizado, no debe superar 1024 bytes.
Tag: CSS
Animación de Spiderman con CSS3
Impresionante lo que se puede hacer con CSS3: Spiderman.
LESS: CSS dinámico
LESS – The dynamic stylesheet language, es una librería JavaScript que permite escribir CSS dinámicos, con variables y condiciones. Cuando se utiliza el CSS, se interpreta y se genera la versión “ejecutable”.
Por ejemplo, el diseñador puede escribir:
@color: #4D926F;
#header {
color: @color;
}
h2 {
color: @color;
}
que se convierte en:
#header {
color: #4D926F;
}
h2 {
color: #4D926F;
}
20 ejemplos asombrosos de transformaciones con CSS 3D
Los ejemplos que se pueden conseguir con CSS 3D son realmente asombrosos: 20 stunning examples of CSS 3D transforms.
Las novedades de CSS4
Aunque todavía estemos aprendiendo las novedades de CSS3, muchas de las cuales todavía no podemos usar, resulta que ya se está trabajando en la próxima versión. El artículo Discover What’s New in CSS4 nos presenta alguna de las novedades que vendrán. Muy interesante…
Generar de layouts CSS
Un buen generador, CSS Layout Generator:
El futuro de la maquetación con CSS
El artículo The future of CSS layouts nos explica las nuevas características que incorpora CSS3 y que prometen revolucionar la maquetación de las páginas web.
Las nuevas características que podemos usar son:
- Columnas
- Cajas flexibles
- Rejillas
- Plantillas
- Cajas flotantes posicionadas
- Exclusiones
- Regiones
CSS3 Generator
CSS3 Generator es un generador de código CSS que admite algunas de las nuevas características de CSS3, como las esquinas redondas o los fondos con degradado.
Hoja de estilo interna de Firefox
En Firefox 3′s Internal Rendering CSS nos explican que en el directorio C:\Program Files\Mozilla Firefox\res podemos encontrar el fichero html.css que es la hoja de estilo interna que emplea el navegador Mozilla Firefox 3 para representar los elementos HTML.
Aplicación para definir los tamaños del texto
La aplicación online Typograph permite definir de forma visual los tamaños de los diferentes textos de una página web (texto base, h1, h2 y h3). Permite definir el tamaño base del texto y la escala del resto de los elementos. Además, genera el código CSS correspondiente al diseño creado.