Revisar Código CSS en Busca de Errores Online

Bueno la verdad que no se que decir en esta herramienta, es una web muy pero muy simple, tan simple que solo tiene un header, una caja de texto y un botón pero tiene una funcionalidad bastante interesante / importante para cada desarrollador o diseñador web, como dice el título la aplicación de hoy nos sirve para revisar nuestro CSS para ver si esta bien toda la sintaxis y si no lo esta ya nos dirá que fallo tiene para que lo podamos corregir.

Y bueno, supongo que algunos ya conocen la aplicación, se trata de csslint.net que pueden ver en este enlace: Revisar Código CSS en Busca de Errores Online.

Como ya dije la web es muy sencilla, no hay que registrarse, solo hay que copiar y pegar nuestro css en su caja de texto y darle a revisar.

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 🙂

Practicar y Aprender CSS

Otra aplicación mas para aprender CSS completamente online, aunque mas que nada es para practicar CSS, aunque si están aprendiendo que mejor que practicar no ?

La herramienta es completamente gratuita, no tiene publicidad y es muy intuitiva.

Usarla es bastante fácil, arriba a la izquierda va el HTML y en el cuadro de abajo va el CSS, eso es todo.

En cuanto agreguemos o modifiquemos parte del código, ya sea el HTML o el CSS, automáticamente en el cuadro grande de la derecha se verán reflejados los cambios, ya sea color, texto, formas.

Es una herramienta muy sencilla y bastante útil así que mas no se puede decir, que si quieren probarla visiten CSSDesk.com