9 agosto 2011
Archivos del blog
CSS3: resize, propiedad
Al igual que podemos redimensionar ventanas en el sistema operativo, con la propiedad resize podremos hacer lo mismo, pero con las cajas de texto (textarea). Esta propiedad, una nueva característica de la interfaz de usuario de CSS3, nos permitirá agrandar o hacer más pequeñas las cajas de texto, con el cursor. Por ahora únicamente está … Lee más!
Crea fácilmente botones 3D con CSS3 y Ruby
Alexis ha creado una fórmula para poder realizar botones en tres dimensiones con CSS3 y Compass, una extensión de Ruby, de forma sencilla y rápida. Únicamente hay que seguir estos pasos: Instalación de la extensión Cuando hayas descargado la extensión, únicamente será necesario incluirla en el sitio y realizar una referencia a ella: @import “fancy_3d_buttons”; … Lee más!
Espectacular animación 3D de Creative Commons con CSS3 y HTML5
Ya sabemos las maravillas que puede realizar CSS3, pero los de Creative Commons nos sorprenden todavía más con esta animación realizada únicamente con HTML5 y CSS3, usando las propiedades CSS animations, transforms y transitions. El resultado es bastante espectacular, pero se necesita Firefox 4.0 beta, Chrome o Safari 5 para que funcione. Sin duda, esto … Lee más!
Efecto gaussiano con CSS3
Desafortunadamente CSS3 no dispone de ninguna característica para poder crear efectos gaussianos, pero podemos emularlo de forma sencilla si definimos un color transparente a la propiedad text-shadow. Por ejemplo, con esta estructura: <p>Lorem ipsum dolor sit amet…</p> Añadiendo este código CSS: { text-shadow: 0 0 7px #000; color: transparent; } Como dije anteriormente, … Lee más!
Text-stroke, borde en el texto con CSS3
Es muy fácil hacer borde en un texto con imágenes, con Photoshop, pero, ¿y si queremos hacerlo con CSS? Una nueva característica de CSS3, text-stroke, (aunque todavía no es parte de él) es la inclusión de borde en el texto, de una forma muy sencilla, tal y como nos tiene acostumbrados CSS3. Pero hay que … Lee más!
Interesantes perspectivas de las sombras con CSS
La propiedad box-shadow, una de las nuevas opciones de CSS3, se ha convertido en la opción ideal para crear sombras en las cajas. Aplicando sombras a la pseudo-clases ::before y ::after, crearemos útiles perspectivas con la sombra. Allá vamos: Código HTML <div class=”box”> <img src=”cssblog.png” alt=”cssblog” /> </div> Código CSS .box:after { content: ”; position: … Lee más!
Construir un cubo 3D con HTML5 y CSS3
HTML5 y CSS aportan nuevas novedades a los diseñadores, muy útiles y más fáciles de implementar que las de CSS2. Os enseñaré a crear un cubo 3D con CSS, parecido al que os mostré anteriormente. Las letras del cubo son las siglas del logotipo de WebProNews. Para empezar, necesitamos 3 imágenes separadas, cada imagen de … Lee más!
Crea degradados CSS fácilmente con Ultimate CSS Gradient Generator
Una de las nuevas características de CSS3 son los degradados, pero si por alguna razón deseamos realizarlos con una herramienta, entonces Ultimate CSS Gradient Generator os servirá. Mediante una paleta de colores podréis crear vuestro degradado de forma rápida y sencilla, herramienta que recuerda a la de Photoshop ya la de Colorzilla. El resultado es … Lee más!
Útiles consejos y técnicas sobre CSS3 de los expertos
CSS3 ha elevado el mundo de Internet a un nuevo nivel. Existen muchas opciones y recursos para sacarle el máximo provecho, incluso gente experta como Dan Cederholm, Paul Irish o Tim Van Damme nos muestran sus técnicas y consejos para trabajar de forma óptima y efectiva con CSS3. Si lees estos artículos conocerás como animación, transformación, text-shadow, … Lee más!
Crea animaciones impresionantes con CSS3 mediante Sencha Animator
Flash, poco a poco, va desapareciendo. CSS3 y HTML5 se muestran como las opciones del futuro, y muchas empresas se están dando cuenta de ello. Existen herramientas, como Sencha Animator, que da un paso adelante y nos permite crear animaciones asombrosas usando únicamente CSS3. El programa está orientado más hacia publicidad (banners, skycrapers, banners pequeños…). … Lee más!
Vídeo: el estado de CSS3
En este vídeo, de Fronteers 2010, da un repaso general a la historia de CSS3, su estado actual en los navegadores, y qué es lo que nos depara CSS. Vía | Nettuts+ dtsv.dtse_post_6458_permalink = ‘http://www.cssblog.es/video-el-estado-de-css3/’; dtsv.dtse_post_6458_title = ‘Vídeo: el estado de CSS3′;
Excelentes vídeos sobre CSS3 (ENG)
CSS3 es el futuro. Nos ayuda a crear páginas web mucho más simples y de forma más rápida que antes. He visto una recopilación de vídeos sobre CSS3 que serán de gran utilidad a todo el que esté aprendiendo sobre esta nueva versión de CSS, pero debes tener un nivel de inglés mediano para entenderlos. … Lee más!
