Using Bootstrap the right way

There are many ways to misuse Bootstrap, but it’s entirely possible to use it on a better way with a few tweaks on your process.

Use it as an external package

The greatest thing about Bower it’s not the ability to download whatever library or script but to use it as the package manager it’s intended to be, which primarily means to never modify packages installed with Bower.

There’s a simple reason for this: one of the key advantages of using a package manager is being able to keep your packages up-to-date, and since a package manager it’s not a version control system, whatever changes you make to an installed package will be lost with an update.

In the case of Bootstrap, here’s what I do:

Continue reading “Using Bootstrap the right way”

Generar sprites CSS/LESS automáticamente con Grunt

La utilización de sprites en CSS es una de las técnicas más básicas pero a la vez más necesarias en el desarrollo front-end.

Aunque es posible crear y mantener un sprite de forma manual, te tomará tiempo y esfuerzo que probablemente podría tener un mejor uso (sobre todo cuando tienes que incorporar nuevas imágenes al sprite), por lo tanto qué mejor que automatizar esta tarea con la ayuda de Grunt.

Utilizaremos dos tareas distintas: una para crear un sprite de imágenes en PNG y otra para imágenes vectoriales en SVG, ideales para dispositivos con alta densidad de píxeles.

Continue reading “Generar sprites CSS/LESS automáticamente con Grunt”

Curso Diseño Front-End HTML5 + CSS3 en la e[ad]

En una iniciativa conjunta de AyerViernes U y la e[ad] PUCV, hemos gestado un curso de Diseño Front-End HTML5 y CSS3 dirigido a planificadores de productos y servicios, desarrolladores, vendedores, profesionales de usabilidad, diseño, profesionales y gestores que están comprometidos en la creación de una gran experiencia del cliente.

image

Entendemos que diseñar desde el código permite entender las claves de un proyecto digital. El Diseño Front End se preocupa que la capa de negocios que son las interfaces conversen con las plataformas y software que activan el servicio.

Los objetivos del curso son:

  • Comprender las relaciones del Diseño Front End con las diversas disciplinas que cruzan su campo ocupacional
  • Dar valor a la producción del Diseño Front End a partir de sus relaciones con el Diseño de Interfaz e Interacción
  • Adquirir los conocimientos y destrezas técnicas básicas e intermedias para ejecutar el diseño frontend de un proyecto digital
  • Desarrollar las competencias necesarias para liderar el diseño frontend de un proyecto digital

El curso se desarrollará en 4 semanas, a partir del 27 de septiembre.

Puedes descargar el programa del curso o ver más información e inscripciones en el sitio de la Escuela de e[ad].

Sitios web aún más rápidos

A propósito del post sobre la “sensación” de velocidad y los selectores eficientes que publicó recientemente Armonth en su blog, recordé una de las presentaciones de la Web 2.0 Expo en San Francisco de la que había visto sus diapositivas, y que hablaba más o menos del mismo tema.

La presentación estuvo a cargo de Steve Souders, quien trabaja en Google en iniciativas de código abierto y alta performance, es el creador de YSlow — una herramienta (plugin para Firebug) desarrollada por Yahoo! para medir la performance de un sitio — y especialista en sitios de alta performance.

Pueden ver la presentación en Slideshare o bien descargar la original desde la ficha técnica de su charla.