7
Ago/09
0

Layouts logrados 100% con CSS

layouts 100% cssQuienes peinamos canas en la programación web, recordaremos que la estructura de las páginas web se armaba en base a tablas html (TABLE/TR/TD). Era, y para mi sigue siendo, la única forma de lograr exactamente la estructura que queremos.

Ahora bien, de un tiempo a esta parte, se ha desalentado el uso de esta técnica y reemplazado por el empleo de elementos DIV más el complemento de CSS. Una vez que le agarrás la mano, resulta muy sencillo de implementar y, lo mejor de todo es que, te da la flexibilidad de cambiar todo el diseño con tan solo tocar el CSS.

Lo que les quiero presentar hoy, es un sitio web en el cual podremos encontrar una gran cantidad de layouts predefinidos (varias columnas, varias filas, distintos anchos, etc.), los cuales podremos usar en nuestros desarrollos.

Layouts 100% css div

Por más información: http://layouts.ironmyers.com/

30
Jul/09
0

CSS Hell !

less-logo

Quienes desarrollamos/diseñamos sitios web, nos encontramos a diario con lo dificil que resulta organizar de una manera eficiente el contenido de nuestros CSS.

¿Repito el font type en distintos bloques o los agrupo en una única sentencia? ¿Cómo puedo hacer para reutilizar el código? ¿Cómo definimos los colores, con # o RGB?

Si pudieramos dotar al CSS con funcionalidades de lenguajes de programación, seguro la definición de constantes, variables, clases, el uso de sentencias anidadas y operaciones aritméticas tendrían su utilidad.

Bueno, si quieren eso, les recomiendo conocer LESS (http://lesscss.org).

Acá les dejo un ejemplo de su sintaxis.

less-sample

Vale la pena aclarar que LESS no es un estandar de la web, por lo que no puede usarse directamente en nuestros sitios.
Una vez que tenemos generado nuestro archivo.less, debemos transformarlo a formato .css.

La única contra que tiene (por el momento) es que no tiene su versión para Windows.

Tagged as:
28
Jul/09
0

Qué fuente utilizo?

Quien diseña/desarrolla sitios web, con frecuencia se cuestion el tipo de fuente a utilizar en sus trabajos y las alternativas a las clásicas Arial y Verdana.

De pura casualidad di con el siguiente sitio web que me parece extremadamente útil y además es muy simple de usar.
Básicamente, arma un listado con todas las fuentes que tenemos registradas en nuestro PC y nos permite visualizar el texto que querramos con dicho formato, pudiendo cambiar facilmente a otros tipos de fuente.

MyFontBook

Por más información: http://myfontbook.com/app