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 decir que para cambiar el color de tu fuente solo necesitas escribir: “color: rojo”, ¿es más fácil que eso?
Bueno, en realidad, se vuelve 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 CSS para principiantes.
W3Schools
W3Schools Es un gran sitio. Tienen muchos tutoriales desde HTML a PHP y puede estar seguro de que todo lo que lee cumple con los estándares, ya que el sitio es mantenido por el W3C, 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 parte de lo que necesita saber, pero dado que esto es más de una página técnica verá menos ejemplos que en otros lugares y los ejemplos que tienen son un poco constreñido.
Si ya conoce algo de CSS, esta es una gran fuente de referencia.
Tizag
Me encontré mucho con este sitio web cuando busqué cosas y eché un vistazo a sus tutoriales de CSS, que encontré un poco mejor estructurados que los de W3School. La información básica es la misma, pero si usted es un principiante absoluto, es posible que desee comenzar aquí.
Tizag en mis ojos 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 amigable. También hay tutoriales útiles en muchos otros idiomas como HTML y MySQL, por lo que si le gustó el bit CSS, puede quedarse 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 puede poner a prueba sus conocimientos o aprender del código escrito por otros. La idea es que hay un archivo HTML estático e inmutable y que debe crear un aspecto separado utilizando solo CSS.
Puede cargar su trabajo y se mostrará, y puede 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 a style.css para ver cómo se hacen las cosas.
CSS Play [Ya no está disponible]
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 ver ejemplos de menús desplegables, ejemplos de opacidad, soluciones alternativas específicas de IE, etc.
Si necesita una funcionalidad específica y quiere informarse, este sitio web puede ser el mejor lugar para comenzar. Tiene una buena cantidad de anuncios que pueden distraer un poco, pero la información allí es sólida, y muchas veces el código, o al menos el método se explica muy a fondo.
Así es, simplemente viejo Búsqueda de Google puede ser un gran compañero para aprender CSS en línea y encontrar tutoriales de CSS para principiantes. Además de obviamente poder investigar las 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 ocurre con 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ás, no hay 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!