Minimizar estáticos (CSS y Javascript) en WordPress con YUI Compressor

Seguro que ya estás aburrido de escuchar lo importantísimo que es la velocidad de una web para la experiencia de usuario. No obstante, por falta de tiempo o ganas, nunca te has puesto a implementar todas las sugerencias propuestas por Google PageSpeed: Reduce el tamaño de las imágenes, especifica la caché de navegador, minimiza y concatena tu […]

Demo CSS3: Un diseño con medidas basadas en viewport

A estas alturas creo que ya todos debemos conocer la diferencia entre unidades de medida relativas y absolutas en CSS a la hora de especificar un tamaño de fuente para una página web: las unidades absolutas (por ejemplo, los píxeles, aunque también existen puntos, centímetros, pulgadas…normalmente usados solo en hojas de estilo para impresión) definen dimensiones […]

Archetype: Un nuevo tema de WordPress

Hace unos cuantos meses publiqué un framework para desarrollo front-end llamada Archetype. A pesar de no haber actualizado demasiado el sitio de ejemplo ni el código en GitHub desde entonces (mea culpa), he seguido mejorando y añadiendo funcionalidad al framework hasta el punto de poder usarlo en producción en el nuevo proyecto que estamos desarrollando en The […]

Varnish 3: Trucos y consejos

Descubre cómo usamos Varnish en el blog de The Next Web y cómo nos ha ayudado a mejorar de forma espectacular el rendimiento de la web.

Cómo usar Varnish para acelerar tu sitio web

Cómo ya adelanté en otro post (Cómo escalar un blog de WordPress), en The Next Web hacemos un uso intensivo de Varnish para servir páginas del blog desde caché con resultados sorprendentes. En este post voy a explicar qué es Varnish,  cómo lo usamos en el blog y por qué tú también deberías empezar a usarlo. […]

Archetype: una plantilla adaptativa para HTML5

arquetipo (Del lat. archety̆pus, y este del gr. ἀρχέτυπος). 1. m. Modelo original y primario en un arte u otra cosa. Como cualquier desarrollador front-end, cada vez que empiezo un nuevo sitio web me enfrento con el tedioso proceso de crear carpetas para estáticos, buscar la sintaxis exacta del Doctype, copiar las reglas para resetear la hoja de estilos… Afortunadamente, en […]

Cómo servir 12 millones de páginas con WordPress sin morir en el intento

Una de mis partes favoritas de mi trabajo en thenextweb.com es cuando me pongo el sombrero de devops para conseguir que la web sea lo más rápida y estable posible. Afortunadamente, en el último año el blog ha crecido hasta alcanzar más de 10 millones de páginas vistas al mes, por lo que la tarea […]

No olvides tu hoja de estilo CSS para impresión

Hacer una hoja de estilo para impresión es un detalle que a la hora de desarrollar una web, frecuentemente y por desgracia se pasa por alto. Sin embargo, es una de las cosas más sencillas y que mejor impresión (ja, ja) pueden dar al lector ocasional de tu página que por necesidad o comodidad decide […]

Briconsejo: Sprites en SVG con alternativa en PNG

Hoy he descubierto esta interesante manera de usar sprites en SVG junto con su correspondiente fallback en PNG para IE6/IE7 sin necesidad de usar una hoja de estilos alternativa. .sprite { background: url(sprite.png) no-repeat 0px 0px; background: rgba(0,0,0,0) url(sprite.svg) no-repeat 0px 0px; } El truco está en usar la propiedad rgba, que no está soportada […]

Behind the scenes: El rediseño de The Next Web

Hace unos días hemos lanzado un nuevo diseño en The Next Web. A pesar de que la última versión del sitio tenía apenas un año, su funcionalidad había quedado rápidamente anticuada debido a los rápidos avances en el desarrollo de los navegadores, el aumento de las visitas desde el móvil, la aparición de nuevos dispositivos […]

Archivo de artículos:123