Ir al contenido

Antártico Norte

Suscribete

Usando LESS con Nanoc

Guardado en: Web, ruby
20:20 19/01/2010

En el articulo anterior vimos como crear un sitio web básico con nanoc. Ahora vamos a ver como podemos gestionar nuestras hojas de estilo en un proyecto de nanoc utilizando LESS.

LESS, o “Leaner CSS” es una gema de Ruby que extiende el lenguaje CSS con elementos propios de otros lenguajes de programación, como variables, herencia, operaciones aritméticas, etc. Algunas de las cosas que nos permite son:

Variables
LESS te permite declarar variables y reutilizarlas dentro de tus hojas de estilo, haciendo cambios globales tan sencillos como modificar una linea.

@color_logo: #F7BD01;
 
#logo { background: @color_logo; }

Elementos anidados (herencia)
Con LESS, en vez de tener selectores largos podemos anidar un selector dentro de otro. De esta forma la herencia queda más clara y tus hojas de estilo más pequeñas.

/* less */
#cabecera {
    background:#222;
    color:#ccc;
    a {
        text-decoration:none;
        font-weight:bold;
    }
}
 
/* css */
#cabecera {
    background:#222;
    color:#ccc;
}
#cabecera a {
    text-decoration:none;
    font-weight:bold;
}

No voy a hablar mucho más de LESS en este articulo. Para ver más características os recomiendo que leais la documentación oficial, donde explican cómo extiende el lenguaje CSS y todo lo que se puede hacer con la librería.

Leer más…

Empezando con nanoc

Guardado en: Web, ruby
08:33 09/01/2010

Nanoc es un generador de páginas estáticas escrito en Ruby. Nanoc crea ficheros HTML a partir de plantillas escritas en ERB, HAML u otros lenguajes.

No necesitas nada especial en el servidor para usar nanoc, ya que las plantillas se procesan en tu ordenador. Basta con subir los ficheros estáticos generados a un servidor web y el sitio ya estará accesible.

Leer más…

Cómo usar markdown en Rails

Guardado en: Web, rails, ruby
09:30 04/01/2010

Me encanta markdown. Tiene una sintaxis fácil de aprender y convive muy bien con texto existente en HTML. Es un buen lenguaje para foros o blogs, ya que permite dar formato de forma sencilla sin necesidad de saber HTML.

Recientemente quería usar markdown para un proyecto que estoy haciendo con Rails. El framework ofrece un método para trabajar directamente con markdown, pero es necesario tener instalada una librería externa a Rails. En mi caso opté por BlueCloth.

Leer más…

De marcha con los zombies

Guardado en: Fotografía
00:12 09/02/2009
Marcha Zombie Madrid 2009

Ayer sábado fue la Marcha zombie Madrid. Es una marcha en honor al nacimiento de George A. Romero, considerado el padre del arquetipo zombie.

Por motivos que no recuerdo, no pude asistir a las ediciones pasadas, pero este año allí estuve, rodeado de no-muertos, de otros fotógrafos y de híbridos de ambas cosas.

El set completo podeis verlo en mi flickr

Pongame…

Guardado en: wtf
15:18 27/01/2009

sanguix-con-beicon

…uno de esos sanguixes de beicon por favor.

Capturado en una cafetería de Campo de los cojones naciones

Cinco programas imprescindibles para OS X

Guardado en: Personal
18:45 25/01/2009

Me cae una pedrada desde la gaviota asesina. Por lo visto tenía el blog un poco muerto y la ha tirado para ver si se seguía moviendo o algo.

Ahí van mis cinco:

  1. Textmate: EL editor de código. Con soporte para un porrón de lenguajes y con la posiblidad de crear los tuyos propios. El día que le pongan autocompletado de código de verdad se convertirá en el editor perfecto.
  2. Quicksilver: Algo así como una navaja suiza. Su principal funcion es la de lanzador de aplicaciones, pero es capaz de mucho más.
  3. Adium: El sustituto perfecto para el messenger de microsoft (al que detesto con avaricia). Puede usarse con más redes de mensajería.
  4. Vienna: Un lector de feeds de escritorio libre y gratuito.
  5. Cyberduck: Un cliente de FTP, libre y gratuito también. Se integra bastante bien con textmate para editar los ficheros directamente en el servidor.

Tiro la piedra al aire a ver donde cae. El que quiera poner una lista de cinco programas que use en su sistema operativo de elección, que lo haga.

Fuentes relativas en CSS

Guardado en: Web
23:00 24/09/2008

En algún momento de nuestra carrera profesional, todos nosotros hemos oído o leido que debemos usar tamaños de fuentes relativos (si no es el caso, te lo digo yo: debes usar tamaños de fuentes relativos).

¿Por qué debo yo usar fuentes relativos?

Simple: por usabilidad.

Leer más…

Conducir en Sada

Guardado en: Fotografía
17:11 03/09/2008

Una situación un tanto WTF me he encontrado hoy andando por Sada.

¿Y ahora que?

¡Donde puedo ir! ¡Incertidumbre!

Rascafría

Guardado en: Fotografía
16:34 27/07/2008

En un pueblecito del norte de Madrid que hace honor a su nombre (que frío pasamos…), subiendo por una pista forestal se puede llegar a un claro donde los jóvenes suben en pareja con sus utilitarios de segunda mano para experimentar las cosas de la vida y del amor.

Pero además de fornicadores en potencia hay un cielo estrellado precioso, apenas contaminado por la luz de la capital, donde se puede experimentar con fotografía nocturna.

Rascafria

Para este tipo de tomas es mejor subir acompañado (para no aburrirse, por eso de no poder tocar la cámara en 20-30 minutos..) y a ser posible con más de una cámara. Mientras dejas una de ellas haciendo una foto de esas largas puedes hacer el tonto con la otra.

León vs Madrid

Guardado en: Personal
21:37 24/07/2008

Me quiero ir a mi tierra a pasar frio :(

Sobre mí

Alejandro Fernández

Alejandro Fernández Webero de profesión y fotógrafo de afición. Escribo con más o menos acierto sobre lo que caiga en mis manos y me interese.

Si crees tener algo que pueda interesarme: Contacta

Todos los articulos están bajo licencia Creative Commons by-nc-sa a no ser que se indique lo contrario.

Powered by Wordpress