Eliminando el style por defecto de una gallery con un add_filter en WordPress

Cuando insertamos una galería de imágenes en WordPress se incrusta por defecto una serie de estilos CSS: #{$selector} { margin: auto; } #{$selector} .gallery-item { float: {$float}; margin-top: 10px; text-align: center; width: {$itemwidth}%; } #{$selector} img { border: 2px solid #cfcfcf; } #{$selector} .gallery-caption { margin-left: 0; } Este fragmento de código se encuentra en: …

Read More About Eliminando el style por defecto de una gallery con un add_filter en WordPress

Optimización de CSS; Nicole Sullivan nos enseña 5 errores típicos y 5 buenas maneras

Hace un tiempo escribí sobre algunas técnicas para poder optimizar nuestros códigos CSS. También mencionaba herramientas que puede facilitar nuestro trabajo de optimización: Firebug, PageSpeed, YSlow y YUI Compressor. 5 errores típicos Un 42% de páginas no comprimen su contenido con GZIP. Un 44% de páginas enlazan a más de 2 ficheros CSS. Un 56% …

Read More About Optimización de CSS; Nicole Sullivan nos enseña 5 errores típicos y 5 buenas maneras

PNG transparente e IE, el mítico problema…

Internet Explorer en su versión 6 y anteriores no soporta la transparencia del formato PNG. Para solucionar este problema existen varias técnicas: A través del filtro Directx AlphaImageLoader. Con Behaviors. El conocido pngfix (con la ayuda de JavaScript). Algunas implementaciones pngfix para frameworks de JavaScript, como jquery.pngFix.js Todas ellas presentan pros y contras. Dependiendo del …

Read More About PNG transparente e IE, el mítico problema…

CleanCSS – Limpiar y optimizar nuestras hojas de estilo

Con la ayuda de herramientas como CleanCSS (basado en CSSTidy) podemos optimizar y reducir notablemente el peso de nuestras hojas de estilo. Hace tiempo hablábamos en este blog sobre como optimizar CSS y hace uso de formas abreviadas. Mediante esta herramienta online podemos probar nuestros ficheros CSS y descubrir mejores formas a la hora de …

Read More About CleanCSS – Limpiar y optimizar nuestras hojas de estilo
buttons.gif

Button y img, botón de formulario con icono

Para crear un botón en HTML contamos con dos etiquetas: INPUT BUTTON Ambas son válidas. La segunda de ellas es menos usada (con diferencia) aunque esconde tras de si muchas ventajas al poder anidar en su interior contenido. Botón tradicional con input <input type=»submit» value=»Eliminar» /> Botón + icono con button <button type=»submit»><img src=»delete.gif» alt=»x» …

Read More About Button y img, botón de formulario con icono