PortadaCuriosidades

tendencias-diseñoweb-2013

Tendencias del diseño web en 2013 [Infografía][ENG]

En esta infografía que te voy a mostrar ahora podrás ver las tendencias actuales, del 2013, en el diseño web. La infografía está en inglés, pero no hace falta saber mucho para entenderla: Enfocarse en las plataformas sociales, diseño responsive, más vídeo, scroll vertical, flash ataca de nuevo… Haz click en la imagen para verla … Lee más!

animacion-html5

Impresionantes animaciones con HTML5 y CSS3

HTML5 se ha ido desarrollando de tal forma que es increíble la cantidad de animaciones y efectos que se pueden hacer con él. Nos hace la vida mucho más cómoda, hace unos años era impensable hacer lo que hacemos hoy en día con tanta facilidad, gracias a HTML5 y sus nuevas etiquetas. En esta página … Lee más!

opera-webkit

Opera se pasa al motor Webkit

Opera, aún siendo una navegador bastante seguro y rápido, nunca ha estado de forma significativa en el mercado de los ordenadores, (aunque sí en el de móviles). Por ello, Opera Software ha decidido cambiar esto y hará que su navegador, Opera, adopte el motor Webkit. Las razones son que con el anterior motor, realizado por … Lee más!

firefox-animado-css

Crear una animación de Firefox con CSS Sprites

Con la llegada de Firefox al entorno de los móviles (Firefox OS), la mayoría de los periódicos digitales sobre tecnología tienen ahora siempre la palabra “Firefox” en sus mentes. Tanto es así, que David Walsh ha creado una animación con CSS Sprites para emular a un zorro moviéndose. Este efecto es muy parecido al que os … Lee más!

globo-girando-css3

Crear un globo rotando en 3D con CSS3

¿Te imaginas poder hacer un globo que gire, únicamente con 2 imágenes y código CSS3? Pues es posible, gracias a la propiedad keyframe y a animations. Uniéndolo todo podemos hacer un efecto bastante conseguido, de un globo que gira en la dirección y con el tiempo que deseemos. A continuación te muestro cómo se haría: … Lee más!

MSFT_logo_rgb_C-Gray_D

Recrear el nuevo logo de Windows con CSS

@mohamedmansour nos avisa de que Microsoft recientemente ha creado un nuevo logo corporativo de Windows, que parece haber sido realizado con Adobe PDF Illustrator CS5. El logotipo en principio está realizado en PDF, pero nosotros podemos adaptarlo para CSS, de una manera fácil y rápida, como os mostraré a continuación.   Código HTML   <logo>Microsoft</logo> Código CSS logo … Lee más!

Templates02

Crea fascinantes sitios móviles en minutos con Wix.com

NUEVO EN WIX.COM: ¡CREA FASCINANTES SITIOS MÓVILES EN MINUTOS! El popular creador de páginas web Flash Wix.com lanzó a principios de año su versión en Español y ahora nos trae WixMóvil  – asistente HTML5 para crear sitios móviles – y WixYourPage – una aplicación de Facebook que revolucionará las páginas de fan. Un año importante … Lee más!

logo-ipiari

Nuevo: Ipiari, innovador buscador diseñado por Pedro Corchero Murga

Acaba de salir al público un nuevo buscador lanzado en Marzo, Ipiari. Es un buscador que integra los servicios de web, vídeo imágenes y traductor de forma intuitiva, gracias a una innovadora interfaz diseñada por Pedro Corchero Murga, es decir, yo mismo. La novedosa interfaz se ha diseñado gracias sobretodo a CSS3 (y su implementación … Lee más!

Flash

De Flash a HTML5 con Wallaby, de Adobe

Sí, lo estáis leyendo bien, Adobe acaba de lanzar una aplicación llamada Wallaby (podéis verla en Adobe Labs) que permitirá a los desarrolladores pasar las animaciones y el diseño de los archivos Flash a HTML5, para que puedan visualizarse en iOS (aunque este es su primer fin, también podemos aplicarlo para visualizar páginas web de … Lee más!

animacion-3d-creative-commons-css3-html5

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!

gtk-css

El futuro de GTK+ será CSS

Carlos Camacho, programador de GNOME, mostró que la personalización y configuración de interfaces GTK+ (paquete de herramientas para la creación de interfaces gráficas de usuario) será igual a cómo se editan las hojas de estilo (CSS). Esto elevará la configuración a un nuevo nivel, dicen que ha sido una de las características que más se … Lee más!

Captura de pantalla 2010-12-12 a las 03.05.53

Un hombre que anda gracias a CSS

Está claro que con CSS se pueden hacer maravillas, existen un montón de usos útiles y demostraciones que podemos realizar con CSS. Andrew-Hoyer nos presenta una creación suya, un experimento, en el que se puede comprobar cómo se mueve un hombre (que casualmente es él) gracias a CSS3, nada de Javascript. Aunque existen fallos en … Lee más!

CSSBlog ES reune recursos, guías y contenidos acerca de CSS, tanto a nivel básico, medio, como avanzado, de forma amena, sencilla y gratuita.

Puede contactar o anunciarse.