Blogger Recursos

CssUserAgent es una solución basada en JavaScript para trabajar en torno a cuestiones de estilo específicas del navegador.

En función del navegador utilizado, se añade un conjunto de clases a cada elemento para la orientación en cualquier nivel (motor de renderizado, el navegador, su versión, etc) como:

<html class="ua-gecko ua-gecko-1 ua-gecko-1-9 ua-gecko-1-9-2 ua-gecko-1-9-2-13 ua-firefox ua-firefox-3 ua-firefox-3-6 ua-firefox-3-6-13">

We Love Buttons es un proyecto de diseño que le permite a desarrolladores y diseñadores crear varios botones en CSS3 y sin imágenes.

Hay 35 botones y la mayoría de ellos sólo funciona en los navegadores WebKit que hace que el proyecto más experimental.

Usan las propiedades de CSS3 como box-shadow, border-radius o gradients y tienen un código limpio, donde todo aquel que no es tan familiarizados con CSS3 pueden aprender.

Microsoft el miércoles actualizó su versión previa de Internet Explore 9, añadiendo soporte a los estándares de HTML5 y alardeando de tener el navegador más rápido de la historia (claro solo se referían a los IE, Chrome sigue siendo el mas rápido).

Sencha Touch es una App móvil HTML5 Framework, que permite que usted desarrolle aplicaciones web para Apple iOS y Androide Google touchscreen dispositivos.

Hay varias soluciones para añadir soporte de CSS3 a Internet Explore, estas son algunas de ellas:

IE-CSS3 es un script con extensión .htc, que puede ser mencionado dentro del archivo CSS como behavior: url(ie-css3.htc); y de este modo permite el soporte para las propiedades border-radius, box-shadow, text-shadow, las cuales son las mas usadas en este momento.

este seria el ejemplo de su uso:

CSS3 Memory - Un juego de memoria en la cual tendrás que encontrar tres naipes que hacen juego, esta vez son 3 y no 2 como comúnmente es, como un tributo al nivel del CSS usado para las transiciones.

Andreas Jacob de la web Cordobo.com, ha creado el logo de Internet Explore totalmente en CSS sin ayuda de ningún tipo de gráfico.

En el vídeo que abajo se muestra, Greg Rewis muestra como puedes usar los nuevos elementos HTML5 usando Dreamweaver CS5 , Greg Rewis es el lider del grupo Evangelista Creative Solutions Evangelism del Creative Suite Web Premium de Adobe Systems, Inc.:

Button Maker tiene la capacidad de ajustar la configuración del boton hasta que tenga un aspecto deseado, luego solo tienes que pulsar el botón y se te dará el codigo CSS.


Copia y pega el codigo a tu archivo CSS, entonces podras crear botones en tus post utilizando class="button" como elemento HTML para que se vean los botones.

Mediante la combinación de diversas propiedades CSS se pueden crear algunas cosas que pueden ser vistosamente "asombrosas", sobre todo cuando es usado CSS3 se puede crear un aspecto atractivo de fotos Polaroid con un estilo CSS puro.

Crear un menú estilo polaroid utilizando sólo CSS, a pesar de que no tiene un efecto como jQuery Dock, es útil para aquellos que sólo quieren hacer un menú distinto usando CSS puro.

Este tutorial incluye dos métodos: sprites CSS (básico) y la imagen de intercambio (avanzado).