Almanaque CSS

Fantástica recopilación de selectores y propiedades CSS. Un almanaque completo, ordenado por orden alfabético, con todos los selectores CSS y propiedades CSS con sus correspondientes especificaciones y ejemplos de uso.

Selectores CSS3 ^=, $= y *=

 En la nueva definición de las hojas de estilo en cascada CSS3 se agregan nuevos selectores, así como nuevas pseudo-clases y pseudo-elementos. En cuanto a selectores, se añaden 3 nuevos selectores de atributos: ^=, $= y *=.

Rotar elementos con transform y efectos con transition y CSS3

Ahora con CSS3 podemos fácilmente rotar elementos, tanto imágenes, divs o cualquier otro, tarea que antes resultaba un poco pesada ya que se tenia que recurrir a javascript u otras artimañas. Ahora con CSS3 únicamente tenemos que incluir una linea de código en nuestros estilos:

Rotar textos con CSS3 y transformations

Con CSS3 tambien podemos rotar elementos y poner bloques, textos en posición vertical u otro ángulo. Esto lo conseguimos mediante CSS Transformations.

Textos con sombras con CSS3 y text-shadow

CSS3 tambien nos permite aplicar sombras a los textos, permitiendonos crear bonitos efectos, mediante text-shadow. Como con todo lo referente a CSS3, este atributo sólo estara soportado por los navegadores modernos.

Sombras con box-shadow y CSS3

Aplicar sombras a los elementos de la Web por fin podremos hacerlo de una forma sencilla con CSS3, adios a esas tediosas imégenes para crear el efecto!!!.


 

Esquinas redondeadas con CSS3

Una de la nuevas propiedades que nos ofrece CSS3 y de las que más nos llaman la atención cuando empezamos a conocer CSS3, es la posibilidad de crear elementos con las esquinas redondeadas. Adios a esas odiosas imágenes para conseguir cajas conlas esquinas redondas!!!!.

Fuentes personalizadas con css3 y Google Fonts

Con CSS3 tenemos la posibilidad de utilizar tipos de fuentes personalizadas, fuentes que hacen mucho más atractivos los diseños de nuestras Webs así como ahorrarnos el tener que hacer imágenes cuando queremos poner un texto con un tipo de fuente especial.

Chuleta CSS3 (cheat sheet)

Otra guia de referencia rápida de esas que son indispensables, en este caso la de CSS3 y en formato PDF.

Sublime Text, un editor de código multiplataforma

Os voy a presentar Sublime Text, un editor de codigo multiplataforma (disponible para Windows, Linux y OS X), gratuito (es un programa de pago pero se puede descargar una versión de prueba totalmente funcional y sin límite de tiempo) y muy completo. Disponible en versiones de 32 y 64bits y versiones portables.

input select con estilo e imágen con jQuery

Una opción para modificar el aspecto de los aburridos select de los formularios de nuestras Webs, es mediante el plugin jquery que os voy a presentar.

Windows 8 disponible para desarrolladores

El pasado 13 de septiembre tuvo lugar el //BUILD/, la conferencia donde se anunció la disponibilidad de la platform preview de Windows 8, entre otra serie de novedades.

La preview, que ya está disponible para descarga en http://msdn.microsoft.com/en-us/windows/apps/br229516 contiene las herramientas de desarrollo y depurado para que podamos tener una primera toma de contacto sobre cómo crear aplicaciones para este nuevo sistema operativo.

Degradados con css3

Una de las nuevas caracteristicas que nos trae css3 son los degradados. Lo malo, es que no todos los navegadores tienen implementada esta nueva funcionalidad igual, por lo que para conseguir un degradado mediante css tendremos que hacerlo de diferentes formas para que se vea bien en todos los navegadores. Eso sin contar los navegadores antiguos que ni siquieran soportan css3.