RicPlan » CSS

Situación actual de la implantación CSS3 y HTML5

Richard — Wed, 24 Mar 2010 22:34:08 +0000

Esto es lo que pasa cuando dejas pasar demasiado tiempo entre el momento en el que decides escribir un post y que descubres que alguien ya lo ha escrito, pero en mejor y en más completo.

Así pues, aquí está el famoso post que deseaba escribir: estado actual de las normas CSS3 y HTML5 según el navegador, su versión y el Sistema Operativo.

El articulo en cuestión, que no es más que una foto tomada hoy y que habrá que actualizar cada vez que salga una nueva versión de un navegador, repasa de manera exhaustiva la adopción o no de los siguientes aspectos: las propiedades y los selectores CSS3 así como las novedades que aportan el HTML5.

La navaja suiza del CSS3

Richard — Tue, 09 Mar 2010 21:02:15 +0000

Hace tiempo que quiero escribir algo sobre CSS3, la próxima versión de las Hojas de Estilo.

Mientras tanto y hasta que llegué este gran momento para la blogosfera española, os dejo como aperitivo este link que me acaba de mandar Yoann desde Nueva York: css3please.com.

Esquinas redondas, Sombras, Degradados, RGBa, Rotaciones, @font-face, “tout y passe”, para disfrutar y no echar gota.

Elementos HTML y los estilos por defecto de los navegadores, un poco de luz

Richard — Fri, 18 May 2007 09:16:38 +0000

[Actualizado y corregido el enlace el 30/08/2011]

Si desarrollas webs y si como yo crees que * {margin: 0; padding: 0;} es una barbaridad (a veces inevitable), te recomiendo la lectura de este artículo sobre “Le rendu par défaut des éléments HTML”.

Está escrito en francés y no tengo tiempo de traducirlo pero creo (espero) que se entiende bastante bien.

[Tutorial] Estructura web de 2 columnas de misma altura

Richard — Wed, 08 Nov 2006 18:49:14 +0000

Si tuviese tiempo traduciría del francés este excelente tutorial visto en Alsacreations pero tampoco creo que haga falta.

En este tutorial os van a enseñar como hacer una web (XHTML + CSS) de 2 columnas que:

siempre ocupará el 100% de la altura de la ventana,
y que siempre tendrá el pie de pagina fijado abajo.

Ideal para principiantes que quieren empezar a maquetar sus webs olvidándose de las tablas.

CSS links collector

Richard — Sat, 23 Oct 2004 23:02:27 +0000

Como siempre voy guardando enlaces interesantes sobre programación, hojas de estilo, trucos varios y como siempre los pierdo, he decidido guardarlos aquí.

Ultima actualización: 2 de agosto de 2005

De todo un poco

Stu Nicholls presenta una compilación de ejemplos en su CSS Playground

Fotografias

Directorios y compilaciones

CSS Directory
The CSS and XHTML Lab en 456 Berea Street

Layout

Hacks y Trucos:

Comentarios Condicionales para IE

Modelos de cajas:

Generador de cajas
Creating Custom Corners & Borders
Scalable rounded edges
Creando esquinas redondeadas usando CSS
Nifty Corners: rounded corners without images – nuevo
Flexible box with custom corners and borders y Transparent custom corners and borders de 456 Berea Street
Redondeando esquinas de Cáotico Neutral

Tablas, formularios y menus:

Usando CSS en tablas
List-u-Like CSS Generator
Muchos Wizards en www.accessify.com
Un muy interesante generador de formularios (XHTML + JS + CSS)
Enhanced Form Widgets, o como embellecer los formularios – nuevo

Utilidades, Validators y otros

CSS Optimizer
Esconder o mostrar un DIV utilizando CSS y javascript.
Una muy buena chuleta para no olvidar nada.
Una opción para reducir de manera considerable un CSS, el CSS Formatter and Optimiser.

Para embellecer

Los patterns, estos dibujos que se repiten para hacer fondos.