Foundation Framework te salva la vida

Hace 136 días Nico

Bueno, quizás no tanto como eso, pero puede ahorrarnos muchas horas de trabajo repetitivo.

A la hora de crear una aplicación o un sitio web no conviene empezar de cero a definir todos los elementos que utilizamos normalmente: grids, botones, formularios, tabs… ¿No hay un paquete que traiga todos esos estilos definidos de antemano? Yeah, man: los frameworks CSS vinieron a cumplir esa función.

Hoy vamos a ver Foundation, de Zurb, un completo set de CSS y JS para utilizar como punto de partida en nuestros diseños. Incluye estilos predefinidos y fáciles de personalizar para muchos elementos comunes – desde botones hasta slideshows o modal boxes. Además, cuenta con una grilla que adapta su tamaño a las diferentes resoluciones de pantalla, teniendo en cuenta los dispositivos móviles como smartphones, tables y más.

Sigue leyendo

CSS3 PIE · Efectos CSS3 en Internet Explorer

Hace 139 días Nico

Desde que CSS3 anda dando vueltas por la web podemos disfrutar de bordes redondeados, sombras y degradados sin tener que recurrir a imágenes, Javascript o contenido no semántico en nuestro HTML. Eramos felices hasta que alguien preguntaba: ¿esto compatible con Internet Explorer?

Si bien no afecta demasiado que un borde redondeado se muestre cuadrado en IE – sobretodo cuando sus usuarios están acostumbrados a ver todo de forma ligeramente diferente – a veces nos vemos obligados a que el sitio se muestre igual en todos los navegadores y eso nos hacía caer en los mismos recursos de antes, duplicando nuestro trabajo. ¡Hasta ahora!

Sigue leyendo

Twitter Bootstrap: estilo rápido para tus aplicaciones

Hace 139 días Nico

Hace un tiempo Twitter lanzó Bootstrap, su framework CSS para diseño de aplicaciones. ¿Qué es? En resumen, es una plantilla de estilos que podemos integrar a cualquier proyecto web con tan sólo insertar una línea de código en nuestro header:

<link href="http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css">

Una vez que lo hayamos insertado, podemos darle el estilo moderno y atractivo de Twitter a todos los elementos de nuestra página (como botones, formularios, tablas, galerías de imágenes).

Sigue leyendo

Ta-da List: listas de tareas minimalista

Hace 139 días Nico

Hoy quiero presentarles Ta-Da List, una sencilla web app en donde podemos crear y compartir listados de tareas. O, como todo queda mejor en inglés, nuestras to do list.

Hay cientos de aplicaciones (o por lo menos muchas, muchisimas) para organizar nuestras tareas realizadas y pendientes, pero muchas veces son excesivamente complejas: las tareas se asignan a usuarios, se muestran en un calendario, se repiten opcionalmente, se agrupan en proyectos, con tags, categorías y más. Todo eso es genial, pero… ¿qué pasa si necesitamos simplemente un papelito donde vamos anotando y tachando nuestros pendientes… y nada más?

Sigue leyendo