Originales fuentes creadas con CSS
CSS es muy flexible a la hora de personalizar las tipografías. Puede darnos muy buenos resultados si las aplicamos correctamente. Además, es un factor muy importante a la hora de crear un sitio, ya que una fuente legible nos permitirá leer el texto con claridad, mientras que si la fuente es ilegible, el visitante se … Lee más!
Ocultar mensajes en un texto con CSS
Hay veces que deseamos divertirnos un rato y nos ponemos a escribir mensajitos secretos con CSS usando scroll. Pero hay otras formas de escribir mensajes secretos usando CSS. En esta entrada os enseñaremos a ocultar mensajes en un texto usando la declaración ::selection. Este truco es muy simple, al seleccionar un texto algunas palabras quedan … Lee más!
Distinguir entre Google Chrome y Safari con CSS
A veces queremos que unos navegadores tengan atributos diferentes cuando usemos CSS. Esto se puede realizar en Internet Explorer usando los comentarios condicionales, pero, ¿y en Google Chrome? Con este hack (poco ortodoxo, ya que no valida los estándares) podemos diferenciar entre el navegador Google Chrome y Safari mediante CSS, pudiendo darles propiedades distintas a … Lee más!
Columnas con la misma altura mediante CSS
Siempre queremos que el diseño de nuestro sitio web tengamos una tendencia absoluta a la perfección, hay a veces que no es posible (no me refiero a la sintáxis del código fuente) y, por ejemplo, las columnas de contenido no quedan a la misma altura, quedando un diseño horrible. Esto se puede arreglar con Javascript, … Lee más!
Lista de trucos con CSS3
Ya anunciamos hace poco otra lista de trucos con CSS3 en donde se aprendía a crear degradados, aplicar sombra cualquier texto, bordes redondeados…, pero en esta entrada se aplican algunos más. Aquí aprenderemos a redimensionar elementos, aplicar sombra y cambiar la transparencia con CSS3.
Ejemplos con la transparencia CSS
Aunque esto ya no esté validado por los estándares, es una excelente forma de darle transparencia a nuestras imágenes con el uso de CSS. Os mostraremos algunos ejemplos aplicados a la transparencia en CSS: Ejemplo 1: Crear una imagen con transparencia Podemos aplicar transparencia a las imágenes de esta forma. Firefox usa la propiedad opacity:x … Lee más!
Prevenir doble margin y padding en IE 6 cuando usamos CSS Float
IE 6 crea un doble margin y padding cuando usamos dicha propiedad en dos divs flotantes que caen al lado del otro. El problema En este código IE 6 lo leerá incorrectamente y creará doble margin y padding en nuestro elemento: #global-column-1 { margin:0 0 0 33px; padding:0 20px 0 0; width:255px; float:left; } #global-column-2 … Lee más!