Category Archives: Diseño web

Las (mis) mejores herramientas para desarrolladores web (parte I)

A continuación os traigo una recopilación de lo que no son otra cosa que favoritos que a lo largo del tiempo he ido recopilando y añadiendo a una caótica pero nutrida colección. Algunos han caído en desuso o caeran debido a estándares futuros como HTML5 o CSS3,  y otros simplemente han caido de los favoritos read more »

Guarda iconos y crea favicons desde Photoshop

Algo que nunca entenderé es el por qué Photoshop no puede guardar archivos ICO. Quizá sea porque para eso está Fireworks, pero aún así no les costaba nada implementar algo tan sencillo y que tantas molestias ahorraría a sobre todo diseñadores web. Y mirad si es algo fácil (sin qutiar méritos) que un tal señor read more »

CSS Shorthand: La vía rápida para declarar estilos.

CSS pone a disposición una serie de métodos abreviados o Shorthand -del inglés- con los que ponemos declarar propiedades como background, border o margin en una sola línea y especificando varios parametros para diferentes situaciones. Aunque existen y son compatibles en todos los navegodores que siguen los estándar de la W3C, no se adoptan para read more »

3 generadores de @font-face para CSS

A falta de encontrar un estándar en el mundo de las fuentes embedidas son varios los servicios online que se encargan de, apartir de una fuente, crear las versiones pertinentes para poder usar esa tipografía tan especial en nuestra página web, asegurándonos un 98% de compatibilidad con todos los navegadores y dispositivios. Aquí una lista read more »

FitText, ajusta el tamaño de la tipografía al ancho de su contenedor [Plugin jQuery]

Aunque podemos usar .em o porcentajes en CSS es bastante arriesgado querer apurar el tamaño de la tipografía al ancho de una caja, por ejemplo, de forma visual. Para eso está FitText, un plugin de jQuery que nos permitirá crear titulares y letterings de una forma fácil y sin preocupaciones, sobre todo útil si diseñamos read more »

Calcular ancho del navegador con jQuery para crear cajas

Para crear cajas, o cualquier otro elemento al que necesitemos darle justamente el ancho (o alto) del viewport (o lo que el usuario ve en su navegador). El principal problema reside cuando queremos crear cajas, en este caso, que sean el 100% del ancho del navegador como contenedores y su posición es fija ( position: read more »

Maqetta: RIA en HTML5, open source & IBM

Maqetta es el nuevo proyecto de IBM, hospedado y auspiciado en la fundación Dojo que se proclama como un digno competidor frente a Flash y Silverlight. Maqetta viene de la mano de IBM y nos presenta una interfaz WYSIWYG que nos permitirá crear aplicaciones RIA (Rich Internet Applications) en HTML5 desde una interfaz totalmente visual. read more »

Griddle.it, retículas de fondo para tu web ¨on-the-fly¨

Cuando se diseña la estructura de una web, puramente hablando del diseño gráfico y de interfaz, hay unas normas básicas que por lo general deben cumplirse si queremos que sea atractiva o cómoda de una forma transparente para el usuario: proporción del ancho de las cajas, márgenes, etc… y Griddle.it está pensado para que podamos, read more »