Sign up with your email address to be the first to know about new products, VIP offers, blog features & more.

Tag Archives css

Utilizando caracteres extraños como identificadores en CSS

Cuando escribimos identificadores para cualquier clase, interfaz, regla… utilizamos palabras cortas que definen a qué nos referimos. En el caso de los CSS es muy típico escribir: contenedor, arriba-izquierda, arriba-derecha… sin embargo, leyendo un post de Kabytes he descubierto una forma más curiosa de hacerlo y a priori, más práctica.

Digo a priori, porque supongo que daría problemas utilizando JavaScript u otras tecnologías que no soporten adecuadamente caracteres Unicode. La verdad es que es muy extraño pero es sólo un ejemplo más del nivel de estandarización en cuanto a juegos de caracteres que se está adquiriendo en entornos hasta de interpretación o compilación.

Rotar un texto vía CSS

Probablemente en alguna ocasión hayáis necesitado rotar texto en algún sitio web. La opción que os traigo hoy para este problema, utiliza CSS, por lo que se integra a la perfección en cualquier tipo de sitio y es perfectamente compatible con los navegadores más populares de la actualidad: Mozilla Firefox (y familia Gecko), Google Chrome/Chromium (y familia WebKit) e incluso Internet Explorer (aunque de una manera menos directa).

Las reglas CSS a incluir son las siguientes (rotación de -90º o 270º):
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

El tip original ha aparecido en unos de mi blog favoritos de diseño web,