Los 5 mejores sitios para aprender CSS en línea

Anuncio

Anuncio
Anuncio

El diseño web puede no ser el área más accesible para todos, pero CSS y HTML pueden ser muy útiles, y estas son dos partes de la codificación que son realmente fáciles. Quiero cambiar el color de tu fuente, solo tienes que escribir: "color: rojo", ¿es más fácil que eso?

Bueno, en realidad, es más difícil, pero vale la pena echarle un vistazo, ya que puedes personalizar todo, desde tu blog hasta tus documentos de Google Docs con un poco de conocimiento de CSS. Echemos un vistazo a dónde aprende css en línea gratis y obtenga tutoriales de CSS para principiantes.

W3Schools

W3Schools es un gran sitio. Tienen muchos tutoriales de HTML a PHP y puede estar seguro de que todo lo que lee cumple con los estándares, ya que el W3C mantiene el sitio y es responsable de los estándares web de hoy.

Las lecciones de CSS son bastante detalladas y lo llevarán a través de la mayoría de lo que necesita saber, pero como se trata más de una página técnica, verá menos ejemplos que en otros lugares y los ejemplos que tienen son un poco limitados.

Si ya sabes algo de CSS, esta es una gran fuente de referencia.

Tizag

Cuando busco cosas me encuentro con este sitio web y eché un vistazo a sus tutoriales de CSS, que encontré ligeramente mejor estructurados que los de W3School. La información básica es la misma, pero si eres un principiante absoluto, es posible que quieras comenzar aquí.

Tizag en mi opinión es un poco menos formal. Me parece que sus ejemplos están más cerca de la vida real y el tono es más amable. También hay útiles tutoriales en muchos otros idiomas, como HTML y MySQL, por lo que si te gustó el bit de CSS, puedes continuar con la misma calidad en otros idiomas.

CSS Zen Garden

Este sitio es muy diferente de los sitios de tutoriales que mencioné antes. En CSS Zen Garden puedes poner a prueba tus conocimientos o aprender del código escrito por otros. La idea general es que hay un archivo HTML estático e inmutable y debe crearlo por separado utilizando solo CSS.

Puedes subir tu trabajo y se mostrará, y puedes descargar los archivos de otros para ver cómo hicieron esto y aquello. Esto es realmente útil porque yo mismo aprendí mucho más con el ejemplo que aprendiendo realmente. Lo mismo ocurre con las plantillas de WordPress. Si te gusta una, descárgala y echa un vistazo en style.css para ver cómo se hacen las cosas.

Juego de CSS

CSS Play es un sitio web entre Zen Garden y los sitios de tutoriales porque muestra funcionalidades específicas en CSS y le permite ver el código fuente.

En lugar de tener una página completa o un sitio completo, puede echar un vistazo a ejemplos de menús desplegables, ejemplos de opacidad, soluciones específicas de IE, etc.

Si necesita una funcionalidad específica y quiere saber, este sitio web podría ser el mejor lugar para comenzar. Tiene una buena cantidad de anuncios que pueden ser un poco molestos, pero la información allí es sólida, y muchas veces el código, o al menos el método, se explica minuciosamente.

Google

Así es, simple y antigua búsqueda de Google puede ser un gran complemento para aprender CSS en línea y encontrar tutoriales de CSS para principiantes. Además de ser obviamente capaz de investigar cosas que necesita, también puede ver cómo funcionan las propiedades CSS específicas. ¿No sabe qué valores puede tener el "desbordamiento"? Simplemente escriba "css overflow" o "css overflow property" y el primer resultado le dirá lo que necesita saber.

Lo mismo aplica para todos los lenguajes de programación, también lo uso para PHP y MySQL, y no creo que el primer resultado me haya fallado todavía.

¡Así que ahí está, sin más excusas, es hora de aprender algo de CSS! Puede agregar sus propias plantillas de Google Docs, modificar sus plantillas de WordPress y hacer mucho más, feliz CSS-ing!

In this article