Here are different Regular Expressions to identify the common (to me at least), the Subversion keyword: $Id$ on different type of files (depending on how the comments go).

This one is for languages derived from C (like C++, C#, PHP, Java, JavaScript):

// \$Id\: [A-Za-z0-9\ \:\.\-\_]* \$

It will match something like:

// $Id: filename 3 2010-06-23 15:48:28Z username $

This one also for languages like C, but also, CSS:

/\* \$Id\: [A-Za-z0-9\ \:\.\-\_]* \$ \*/

It will match something like this:

/* $Id: filename 3 2010-06-23 15:48:28Z username $ */

This one for Velocity files (as I’m using Castle MonoRail with NVelocity):

\#\# \$Id\: [A-Za-z0-9\ \:\.\-\_]* \$

That will match:

## $Id: filename 3 2010-06-23 15:48:28Z username $

So now, with these expressions, you can do some things like remove them from your code (if you are like me and are moving to Git).

Tags: , , , , , , ,

Hay algunos navegadores antiguos (IE6 por supuesto) que no soportan algunas propiedades interesantes de CSS como el min-height, que dice cual debe ser la altura minima que debe tomar un elemento.

Afortunamente, hay hacks para solventar este problema, el más simple (solo involucra CSS y no hay que hacer ningún cambio en el HTML) de todos es el siguiente:

selector {
  min-height: 500px;
  height: auto !important;
  height: 500px;
}

IE6 no sabe que significa el !important, por lo que la altura no será automática sino de 500px. El resto de navegadores (los buenos como Firefox, Chrome, Opera… y bueno, también IE7) si harán un render correcto.

Pueden encontrar más información al respecto aquí.

Tags: , , ,

El método más simple que he encontrado para reemplazar texto con imágenes, por ejemplo, para hacer más vistosos los títulos en una web y no perder la semántica del HTML, es el de text-indent (creado por Mike Rundle).

Solo se necesita:

h1 {
  text-indent: -9000px;
  background: url(image.jpg) no-repeat 0 0;
  width: 200px; /* Ancho de la imagen */
  height: 80px; /* Alto de la imagen */
}

Lo encontré en esta presentación super intersante sobre tipografía para Web.

Tags: ,

Aprender CSS

Web March 5th, 2009

He encontrado algunos buenos recursos para aquellos que quieren aprender CSS o para los que trabajamos diariamente con esta tecnología, acá se los dejo:

Tags: ,

Reglas de codificación y lineamientos de diseño de CSS

Reglas de codificación y lineamientos de código PHP

phpBB Coding Guidelines

Tags: ,

  • Facebook
  • Google+
  • LinkedIn
  • Twitter
  • Flickr