Archivo para la categoría ‘css’

11Aug
2010
Comments Off

HTML5 Boilerplate

HTML5 Boilerplate is the professional badass’s base HTML/CSS/JS template for a fast, robust and future-proof site. After more than two years in iterative development, you get the best of the best practices baked in: cross-browser normalization, perfo … Post original
09Apr
2010
<!-- 2 -->

CSSUtilities: librería Javascript para obtener datos CSS

CSSUtilities es una librería que permite entre otras cosas: encontrar todos los estilos que aplican a un elemento indica qué estilo es propio y cuál heredado soporta el estándar de la W3C y las propias de Internet Explorer admite CSS1, CSS2 y CSS3 Algo muy parecido a lo que nos ofrece Firebug CSSUtilities Vía / […]
18Jan
2010
<!-- 2 -->

CSSEmbed: incrustar imágenes en tus CSS

CSSEmbed es un script que te sustituye las imágenes de un CSS por su representación en base64. ¿Qué conseguimos con esto? reducir el número de peticiones HTTP, por ejemplo. Para ello debemos usar DATA URIs, las cuales sustituyen a las URLs por el contenido codificado en base64. .ejemplo { background: url(imagen.png); } /* Sustituido por […]
22Jun
2009
Comments Off

Invierte tu email mediante CSS para evitar el spam

Curioso truco para evitar que los spammers lean tu email, ya que lo escribes al revés y mediante CSS lo inviertes. &lt;style type="text/css"&gt; span.test { direction: rtl; unicode-bidi:bidi-override; } &lt;/style&gt; &lt;p&gt;&lt;span class="test"&gt;moc.tset@tset&lt;/span&gt;&lt;/p&gt; Reverse Your Email with CSS and Prevent Spam Vía / @jlantunez
23Mar
2009
Comments Off

Añadir variables a CSS mediante PHP y htaccess

Curioso script que nos permite añadir variables a nuestras CSS usando para ello PHP y htaccess. No es algo que recomendaría hacer por tema de rendimiento, pero sí para proyectos en los que quienes realicen las páginas no tenga demasiado conocimiento de desarrollo web. El proceso es sencillo, las css mediante Apache se redireccionan a […]
28Jan
2009
Comments Off

Bordes irregulares con CSS3 y webkit

Jugando un poco con las CSS3 y Webkit (en mi caso Chrome) me ha dado por crear bordes irregulares. Lo he hecho mediante -webkit-border-top-left-radius y similares. El concepto es sencillo, hay dos colores: el de fondo (no puede ser transparente) y el del borde, en las curvas concavas se usan los colores tal cual, y […]
04Aug
2008
Comments Off

CSSRound: crear esquinas redondeadas fácilmente

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 […]
20Jun
2008
Comments Off

Menú radial mediante XHTML

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 […]
17Jun
2008
Comments Off

Guía de estilos CSS para e-mails

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. […]
29May
2008
Comments Off

Uso excesivo de capas y estilos en CSS

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: &lt;div id="header&gt; &lt;img src="logo.jpg" alt="My site […]