Sentido Web

Buen truco para darle la misma altura a diferentes bloques cuando mediante CSS no es fácil de hacer. function equalHeight(group) { tallest = 0; group.each(function() { thisHeight = $(this).height(); if(thisHeight > tallest) { tallest = thisHeight; } }); group.height(tallest); } Equal Height Columns with jQuery Vía / CSS Globe

CSSRound es una aplicación que nos permite generar estilos, HTML e imágenes para crear cajas con esquinas redondeadas de forma muy sencilla. Tan solo tendremos que indicar el radio de la esquina, el color de fondo de la capa, el color de la caja redondeada, el color de la letra, el ancho de la caja y [...]

Buen tutorial que nos explica cómo realizar un menú radial, es decir, un menú en el que las opciones se sitúan alrededor de un punto. El tutorial nos indica cómo crear la estructura XHTML, los estilos, y el código Javascript para que funcione el menú. Siendo algo puristas, no me gusta el uso del XHTML y el [...]

Extensa guía de propiedades CSS que permiten los clientes de correo a la hora de presentar los emails en formato HTML. El trabajo que han realizado es impresionante y va siendo actualizado cada cierto tiempo. Nos muestra las propiedades CSS y si se ven el los clientes de correo de escritorio o los clientes web. CSS support [...]

Buenos consejos a tener en cuenta cuando se trata de desarrollar cumpliendo estándares web. Menos es más, no uses mas código del necesario No uses CSS o Javascript dentro del HTML, ya sea en las etiquetas como en el head. Usa código semántico, las cabeceras mediante etiquetas h1, h2, …, resaltar mediante strong, … No uses meta etiquetas redundantes Usa [...]

Un buen artículo en el que nos comenta sobre el uso excesivo de capas y de clases. Sobre todo de DIVs, muchas veces se encierra en una capa unas etiquetas para darles formato cuando se puede evitar la capa contenedora por tener solamente un elemento hijo en su interior: <div id="header> <img src="logo.jpg" alt="My site name" /> </div> Se [...]

Es curioso como el uso del pseudo-elemento :first-letter no es muy usado en la web, mientras que en papel si se suele usar con frecuencia. En este caso se trata de crear letras capitales mediante este pseudo-elemento. Para ello habrá que usar un fondo común para todas y luego modificar la letra inicial para que [...]

Buena herramienta que nos devuelve la estructura CSS básica que deberíamos usar para darle estilos a un HTML. Aunque no todos los estilos van a sernos necesarios, si es útil para obtener la estructura inicial y así poder trabajar con algo inicialmente. Indicando un HTML obtendremos un CSS (vacío) como el siguiente: #root { } #content { [...]

A la hora de hacer diseños mucha gente puede opinar sobre ello mejor que yo, pero a mí estos consejos me han gustado. Está claro que en muchos diseños no se pueden usar, pero para algunas circunstancias sí son interesantes de aplicar. Fondos de pantalla grandes: los fondos de pantalla grande pueden hacer que el diseño [...]

Buenos consejos para realizar tus estilos CSS bien estructurados. Se sencillo: usa solo que sea estrictamente necesario. No uses muchas capas div y puedes obtener el mismo resultado con una o dos. Si ves que la estructura se complica, quizás estés haciendo algo mal, intenta buscar otra forma muy sencilla. Escrible claro: usa tabulaciones, comentarios para diferenciar [...]