Archivo para la etiqueta ‘css’

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
<!-- 5 -->

Tinyfier: compresor CSS y Javascript

Me avisa Javier que ha desarrollado una aplicación para comprimir CSS y Javascript, parecida a Minify (del cual se obtiene gran parte del código empleado) o YUI Compressor
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
14May
2009
Comments Off

Firefinder: plugin para Firebug que localiza elementos

Firefinder es un plugin para Firefox que se integra con Firebug y que nos permite localizar de forma rápida y sencilla elementos HTML en la página. Permite usar selectores CSS y XPath, por lo que no es necesario conocer una nomenclatura nueva, y además nos ayuda cuando trabajemos con los selectores jQuery o cuando estemos […]
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 […]
02Feb
2009
Comments Off

Crear una nube de etiquetas con jQuery

Aunque las nubes de etiquetas ya no están tan de moda como hace un tiempo, el tutorial donde explican cómo hacer un tagscloud mediante jQuery merece la pena, ya que se trata de una explicación detallada. No solo se centra en jQuery, sino en la parte PHP que devuelve los datos en JSON y en […]
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 […]
16Jan
2009
Comments Off

$fx(): librería javascript para animaciones

$fx() es una librería que nos permite realizar animaciones de elementos HTML de forma sencilla. Altera las propiedades CSS a lo largo del tiempo pasando solo una pequeña configuración. Además se pueden combinar efectos, grupos de ellos, encadenarlos o ejecutarlos en paralelo, incluso indicar diferentes callbacks para dar una mayor flexibilidad. Para aquellos que necesiten […]
09Dec
2008
Comments Off

Misma altura en bloques mediante jQuery

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