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 para inhabilitar las propiedades que fija cada navegador por sí mismo. Al final del artículo recogen dos ejemplos de reseteo de estilos: el reset.css de yahoo, y el del diseñador Eric Meyer.
Reseteando estilos CSS
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.
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.
Cerrando pestañas de diseño en el navegador
Recopilación de enlaces sobre diseño web que llevaban demasiado tiempo abiertos en mi navegador.
Tabular datos con XHTML y CSS
The display declaration, Quirksmode (actualización regular). Exhaustiva explicación sobre la propiedad display. Incluye una zona de pruebas para experimentar con los distintos parámetros de display Maquetando con DIV’s en DotPress el 16 de abril de 2007. Cómo y por qué maquetar con divs. A CSS styled table version 2, en Veerle’s blog el 20 de […]
Páginas centradas en todos los navegadores
Básico pero, como casi todo en CSS, nada intuitivo. #container{ width:700px; margin-left:auto; margin-right:auto; } Visto en LocusMeus
Tutoriales “Panic is over” de Gosquared
Liquidicity es el blog del estudio de diseño Gosquared. Tienen una sección muy maja en la que incluyen manuales de referencia: CSS, HTML. Muy resumiditos, caben en un pantallazo. Se pueden descargar en PDF: HTML Help Sheet (PDF, 112kB) CSS Help Sheet (PDF, 168kB) En colaboración con wpcandy han editado uno de estos manuales de […]