Autonomía digital y tecnológica

Código e ideas para una internet distribuida

Google font directory

Imago voragine.net
• Por
Gracias a pk hemos descubierto recientemente el servicio Google font directory, un repositorio de tipografías para web con licencia libre, SIL Open Font License en la mayor parte de los casos. La particularidad es que han desarrollado una API para poder embeber estas tipografías en cualquier página web y así poder visualizarla con cualquiera de las fuentes de Google font directory.
Contexto
Desarrollo web, ,

Rotar texto con CSS

Imago voragine.net
• Por
Cuando empecé a hacer páginas web, y tras haber trabajado con programas de diseño gráfico, me parecía imposible que no existiese una manera de colocar texto girado noventa grados en una web. Entonces efectivamente no era posible, luego me olvidé siquiera de la posibilidad de hacerlo, y ahora descubro que ya se puede, según con que navegador se esté viendo la web.
Contexto
Desarrollo web,

El problema de la obesidad en las páginas web y cómo controlarlo

Imago voragine.net
[actualizado el ] • Por
El incremento de conexiones móviles a internet, menos potentes que una conexión de banda ancha, ha vuelto a hacer necesario, y no solo una buena práctica de usabilidad, controlar el peso de las páginas web para optimizar sus tiempos de carga. A través de Tu función llegamos a un listado de prácticas a evitar para controlar el peso de las páginas.
Contexto
Desarrollo web, Usabilidad,

Los estilos CSS por omisión de los navegadores y cómo resetearlos para controlarlos

Imago voragine.net
[actualizado el ] • Por • Enlace permanente

En CSS Newbie explican cómo asignan los navegadores el estilo por omisión a algunos elementos HTML, como el tamaño de los títulos, la separación entre párrafos o el estilo de los items de una lista. Luego dan unas reglas básicas para saltarse estos estilos de los navegadores, lo que se suele hacer reseteando estos estilos para inhabilitar las propiedades que fija cada navegador por sí mismo. Al final del artículo recogen dos ejemplos de reseteo de estilos: el reset.css de yahoo, y el del diseñador Eric Meyer.

Contexto
Desarrollo web, Diseño gráfico, ,

Reseteando estilos CSS

Imago voragine.net
[actualizado el ] • Por
Cada navegador asigna a las principales marcas HTML unas propiedades de estilo por defecto. Ésto es uno de los factores que provocan que el diseño de una página web no se visualice igual en todos los navegadores. Para que un diseño web tienda a ser homogéneo en todos los navegadores, lo que se conoce como cross browsing, es necesario resetear todos los estilos para poder controlarlos a gusto. Existen miles de CSS para conseguir esto, casi cada diseñador tiene el suyo. En anieto2k he encontrado uno bastante completo.
Contexto
Desarrollo web, Diseño gráfico, ,

Recursos para empezar con jQuery

Imago voragine.net
• Por
jQuery tutorials for designers. Una serie de pequeños tutoriales, casi recetas, para entender los fundamentos de jQuery y aprender a hacer los efectos visuales dinámicos típicos de menú. / 50+ Amazing Jquery Examples. Desde los plugins más sencillos, listados deslizantes, menús en acordeón, hasta algunos más complejos o menos corrientes, formularios o ruedas de selección de color. Muy útil para empezar a concebir lo que jQuery puede hacer. / Easy Slider. Un plugin para incorporar menús deslizantes realmente fácil de añadir a cualquier página, desarrollado por CSS Globe. / Easy Tooltip. Un plugin para incorporar elementos de ddistinta complejidad que aparecen al hacer rollover sobre cualquier elemento HTML, también desarrollado por CSS Globe.
Contexto
Desarrollo web, Usabilidad, , ,