En el artículo Canvas vs SVG: Choosing the Right Tool for the Job se analizan las ventajas y desventajas de Canvas y SVG y se explican los escenarios en los que cada uno es mejor.
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.
La historia de FrontPage
Muy interesante todo lo que se cuenta en FrontPage: The Good, The Bad, The Ugly
Los lenguajes de programación son solo herramientas
Excelente la respuesta ofrecida a la pregunta What programming languages seem to be fading out? en Quora:
Professional software developers are fully expected to be able to learn and use new programming languages as needed. Programming languages are just tools. They are a means to an end. They are not an end in themselves, unless you’re developing compilers or interpreters.
Cálculo del Cumulative Layout Shift (CLS)
Una herramienta muy importante: Layout Shift GIF Generator
Easily identify problematic layout shifts in the viewport on mobile and desktop. Available as a simple command line tool, or as an online tool.
Tendencias en el diseño web
El sitio web Discover Forgotten Trends in Web Design presenta una galería de capturas de la evolución del diseño de 1600 sitios web.
Evolución del diseño web
Muy interesante la pequeña explicación de la evolución del diseño web que se presenta en Web Design.
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:
-
The cost of downloading the file on the network
-
The cost of parsing and compiling the uncompressed file once downloaded
-
The cost of executing the JavaScript
-
The memory cost
Operadores de JavaScript
En Operator Lookup se puede consultar para qué sirve cada operador de JavaScript.