Autor

Maquetador y diseñador web, miembro del equipo Front de Paradigma Digital. Amante del diseño gráfico, el marketing online, la movilidad, las nuevas tecnologías y la retroinformática. En mi tiempo libre teclista aficionado, integrante de una banda de heavy metal.

Redactor en

Crea tus propias extensiones de navegador

Casi todos usamos desde hace tiempo extensiones/add-ons/complementos en los navegadores web, que nos ayudan en el día a día, ya sean para asuntos de productividad, ocio,  personalización, etc., extendiendo o ampliando las funciones y capacidades del navegador.

Desde el inicio de los navegadores que hoy en día conocemos, cada uno ha ido admitiendo sus propias extensiones, siendo el pionero Internet Explorer 5 allá por el año 99.

Al principio, las extensiones eran creadas usando los lenguajes propios de cada uno, para usar sus propias APIs, como NPAPI, PPAPI… algo que está tendiendo a desaparecer. De hecho, Chrome ya ha dado el primer paso, empezando a utilizar tecnologías abiertas como HTML, Javascript y CSS.

Actualmente hay un borrador que intenta estandarizar todo este proceso de cambio y lo cierto es que los navegadores se están actualizando rápidamente, por lo que ya se podría decir que es posible crear extensiones multi-navegador en la mayoría de los navegadores más utilizados.

En este post vamos a ver cómo crear una sencilla extensión, aprovechando la API WebExtension, la cual está soportada por Google Chrome/Chromium y Opera y sigue el estándar del borrador Browser Extensions del W3C.

Esta API, a día de hoy, está también soportada por Mozilla Firefox y Microsoft Edge, con ciertas diferencias, sobre todo cuando se usan funciones que atacan a APIs propias de cada navegador.

En este caso, vamos a explicar cómo crear una extensión compatible con Chrome/Chromium y Firefox.

sigue leyendo…

Primeros pasos con AMP⚡(Accelerated Mobile Pages)

En los dos últimos años habrás notado que tanto en los resultados de los buscadores como en determinados enlaces publicados en redes sociales aparece un pequeño rayo . Esos contenidos están haciendo uso de la tecnología AMP.

AMP (Accelerated Mobile Pages) es una iniciativa open-source impulsada en un primer momento por Google y promovida por varias compañías. Pretende ser un estándar para la creación de contenidos de consumo ultra rápido dentro del universo de los dispositivos móviles.

Veamos qué sectores son los que más utilizan este tipo de tecnología y qué ventajas les aportan.

sigue leyendo…

CSS: descargando actualizaciones

Cada día nos damos más cuenta de lo cambiante que es el mundo front, de un día para otro aparecen nuevas tecnologías.

Las hojas de estilo, sin embargo, siempre han llevado otra velocidad, pero eso también parece estar cambiando debido en gran parte a la revolución (o democratización) de los dispositivos móviles.

A continuación veremos unos ejemplos de propiedades que podríamos usar ya “sin miedo” y otras que dentro de muy poco tiempo podríamos empezar a usar.

sigue leyendo…