Ver Cuan Compatible es El Navegador con HTML5, CSS3 y Otros

Les traigo otra herramienta online que nos ayudara un poco más con lo que es HTML5, CSS3 y otros elementos similares, aunque la herramienta de hoy es algo vieja, o tiene ya por lo menos un año o más online, se as dejo por si alguien necesita saber que tan compatible es su navegador con los ya mencionados lenguajes web, HTML5 y CSS3.

En la web solo hay que entrar y ya nos da una lista de cosas que podemos hacer o no podemos hacer con nuestro navegado, ideal para programadores que tal vez se pregunten “¿por que no me funciona esto?” tal vez la respuesta sea simple, el navegador no esta listo aún para determinadas funciones.

La aplicación en cuestión es haz.io y la pueden ver en este enlace: Ver Cuan Compatible es El Navegador con HTML5, CSS3 y Otros

Hace un tiempo ya les presentamos una herramienta similar que pueden usarla como alternativa o bien complemento de la que les tragimos hoy, pueden verla en este enlace Que tan preparados están los navegadores para HTML5?

Espero les sirva

Crear Textos con Sombras y Efectos en CSS3 – Online – Fácil

Hace un tiempo ya les comente sobre una herramienta para dar efecto al texto con CSS3 CSSWARP una herramienta que nos permite dar todo tipo de efectos a los textos girarlos, dar sombras etc etc y también otro día les hable de algo más general, una herramienta que permite crear no solo textos si no también botones en CSS3

Pues hoy les vengo a dejar un complemento o una alternativa eso ya lo verán ustedes según sus necesidades. Se trata de CSS Text Shadown Crear Textos con Sombras y Efectos en CSS3 – Online – Fácil una aplicación especialmente diseñada para crear textos en CSS y aplicarle todo tipo de efectos y sombras, son más o menos 30 tipos de sombras que se le pueden aplicar al texto con esta herramienta, además de eso también nos permite escoger varios tipos de letras.

La web no requiere registro, solo tenemos que entrar y en el index ya podremos comenzar a generar nuestro texto, basta con escribir en la caja de texto y abajo de la misma escoger el tipo de letra que queremos y probar los efectos que nos ofrecen hasta encontrar el que más nos guste. Al terminar de trabajar en el texto solo tenemos que clicar en donde dice get code y la aplicación nos dará el código del texto para insertarlo en donde queramos o bien para seguir editandolo a nuestro gusto.

Este es el código que me ha generado para dar un efecto como el que se ve en la imagen de arriba, efecto fuego en css3

< link href="http://fonts.googleapis.com/css?family=Aclonica:regular" rel="stylesheet" type="text/css" >
< style>
h1 {
font-family: 'Aclonica', serif;
color: #fff;
text-shadow: 0px -1px 4px white, 0px -2px 10px yellow, 0px -10px 20px #ff8000, 0px -18px 40px red;
}
< /style>

Tuve que agregar unos espacios entre algunas letras por que se me han quedado todos los títulos del blog con unas llamas jeje

Solo lo añadimos a nuestro style.CSS y lo podemos usar en nuestra página web.

Hay estilos para todos los gustos, así que es cosa de entrar y probar 🙂

Generador de Sombras Para Imágenes, Botones y Texto con CSS3 – Online

Otro generador mas de CSS3 nos llega a skamasle, la verdad que ya se podían unir unos cuantos de los que hemos posteado y hacer un completo editor de archivos css3, ya tenemos generador de botones, de menús, editores de código, uno que otro para cambiar color de los archivosCSS3

En fin de todo un poco, pero hoy les traigo una herramienta que les servirá para ponerle sombras a los objetos que tengan en su web, ya sean imágenes, textos, botones entre otras cosas.

Hay varios estilos de sombra para escoger en este generador llamado CSS3 Drop Shadown Generator.

Entre las opciones que tenemos para ajustar la sombra es el tamaño, forma, desenfoque, opacidad y posición de la misma.

La herramienta es muy intuitiva y tiene una vista previa como ven en la imagen que puse arriba, así que mucho problema no tendrán en usarla.

Si quieren probar la aplicación pueden visitar css drop shadow