Profesor del Departamento de Lenguajes y Sistemas Informáticos de la Universidad de Alicante (España). Interesado en el desarrollo y la accesibilidad web.

Profesor del Departamento de Lenguajes y Sistemas Informáticos de la Universidad de Alicante (España). Interesado en el desarrollo y la accesibilidad web.

Herramientas para auditar CSS

Muy interesante lo que se explica en CSS Auditing Tools:

How large is your CSS? How repetitive is it? What about your CSS specificity score? Can you safely remove some declarations and vendor prefixes, and if so, how do you spot them quickly? Over the last few weeks, we’ve been working on refactoring and cleaning up our CSS, and as a result, we stumbled upon a couple of useful tools that helped us identify duplicates. So let’s review some of them.

Los datos URI

En el artículo Esquema de URI de datos de la Wikipedia podemos leer:

El esquema data: URI definido en las normas IETF RFC 2397 en un esquema URI que permite la inclusión de pequeños elementos de datos en línea, como si fueran referenciados hacia una fuente externa. Suelen ser mucho más simples que otros métodos de inclusión alternativos, como MIME con cid: o mid:. De acuerdo a la denominación en el RFC, los data: URI son, de hecho, URL.

Por ejemplo, si lo siguiente se copia en la barra de direcciones del navegador, mostrará una página web con el texto “Hola mundo!” en negrita:

data:text/html,<b>Hola mundo!</b>

O lo siguiente, si lo copias a la barra de direcciones, te mostrará un rectángulo rojo de 100×100 píxeles:

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAIAAAD/gAIDAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADrSURBVHhe7dChAYBAEMCwgzmQ7L8ZO2B+gKtPTH2v73mHnfuUBbMCswKzArMCswKzArMCswKzArMCswKzArMCswKzArMCswKzArMCswKzArMCswKzArMCswKzArMCswKzArMCswKzArMCswKzArMCswKzArMCswKzArMCswKzArMCswKzArMCswKzArMCswKzArMCswKzArMCswKzArMCswKzArMCswKzArMCswKzArMCswKzArMCswKzArMCswKzArMCswKzArMCswKzArMCswKzArMCswKzArMCswKzArMCswKzArMCs9ZmfqufAfVgKhmhAAAAAElFTkSuQmCC

Más información en Datos URIs.

El coste de los frameworks de JavaScript

Muy interesante todo lo que se explica en The Cost of Javascript Frameworks:

There is no faster (pun intended) way to slow down a site than to use a bunch of JavaScript.

The thing about JavaScript is you end up paying a performance tax no less than four times:

  1. The cost of downloading the file on the network

  2. The cost of parsing and compiling the uncompressed file once downloaded

  3. The cost of executing the JavaScript

  4. The memory cost