#CSS3

Nos hemos acostumbrado a utilizar imágenes de fondo pero Google no nos ayuda a indexar con este tipo de prácticas. Aquí propongo una solución para emular el resultado de poner una imagen en background-size: cover;

Normalmente cuando tenía que alinear dos cajas horizontalmente hacía lo que todos: display inline-bock y con widths de un 47%… Pero existe una manera mejor para tener resultados mucho mejores.

En este bloc por ejemplo se usa un efecto en los títulos de la home que es que a los textos darles un efecto de subrayado. Pues ahora veremos cómo hacerlo para que quede perfecto con sus paddings laterales y todo.

Importar fuentes está a la orden del día. Quién más quién menos suele importar fuentes bonitas, originales, atrevidas o poco comunes para sus mejores webs (si queréis algunas gratis os dejo mi blog de tipografías gratis). Pero la mayoría de las veces o no importamos ...

Cuando tenemos una hamburguesa muchas veces tenemos que esconderla para mostrar una cruz de cerrar o un flecha de volver. Hoy en día eso es poco elegante y obliga a usar diferentes elementos de maquetación cosa que es engorroso e implica usar javascript en exceso. ...

A menudo tenemos problemas al centrar verticalmente un elemento en una caja o junto a otros elementos adyacentes y, muy a mi pesar acabábamos haciendolo con Javascript o jQuery. Pues bien, el otro día leí en zerosixthree la manera de hacerlo en un apocas líneas ...

A menudo nos encontramos con maquetaciones que no podemos modificar, para estos casos van muy bien los pseudoselectores. A continuación os presento 42 maneras de seleccionar un elemento

Recientemente me he iniciado en Compass. Me animó un amigo dado que se ahorra un montón de tiempo al picar código. La verdad es que engancha y una vez empiezas es difícil parar. Antes de empezar, recomiendo cercionarte que tienes todo lo necesario, en cuanto a ...

Cuando queremos animar en CSS3 un elemento a menudo tenemos que hacer sprites muy largos y el problema surge cuando no posicionamos en el mismo lugar los frames del sprite. Para ello os recomiendo que ejecutéis un sencillo pero eficaz comando del terminal.

A menudo he hecho diseños que incluían un borde fijo en el body. La verdad es que este tipo de bordes quedan bien si van por encima del contenido pero si hacemos un div sin color de fondo pero con borde y lo ponemos encima ...

Los filtros CSS son una buena opción para customizar las imágenes de una web y poder dar un toque de uniformidad. Los filtros se estructuran así:

Últimamente se ha puesto muy de moda las webs de una sólo página, sobretodo para páginas de portfolio, de empresas o microsites. Hay numerosos plugins para hacer efectos espectaculares pero a menudo son muy complicados de modificar. Personalmente me gusta mucho más trabajar con transiciones ...

Hace poco me enteré, ignorante de mí, que existía una propiedad (con sus variantes de navegador) para hacer columnas en CSS3. Hasta ahora había usado el plugin columnizer, muy útil aunque con algunas deficiencias de funcionamiento (la verdad es que a veces no funcionaba sin ...

Ayer tuve el placer de asistir a un curso de 8 horas impartido por Javier Usobiaga, diseñador y desarrollador front-end que tiene el estudio Swwweet en Barcelona. El curso trataba sobre las webs responsive. La verdad es que pensaba, antes de asistir al curso, que ya ...

Muchas veces nos encontramos con que podemos aplicar estilos a campos de texto y cajas de texto, también a botones pero no a checkbox y radio buttons. Pues bien hay una manera (aunque tiene sus inconvenientes). Para ello debemos montar una estructura HTML similar a ésta ...

Para hacer un buen ribbon en CSS tenemos que implementar la siguiente estructura: <div class="ribbon"> <div class="bottom-ribbon"></div> </div> y después añadirle los siguientes estilos: .ribbon{ /*--Esta parte puede variar en función de dónde querámos situar nuestro ...

Os presento un microsite excelente para todos aquellos que aún no dominéis del todo los selectores de CSS3. Es una buena forma de asociar el nombre del selector con el resultado final. ¡Probardlo! Fuente: twostepmedia.co.uk/cssselectors

A continuación os presento algunos efectos interesantes con css3: Efecto de neón: EFECTO DE NEON