CSS: (Cascading Style Sheets) hojas de estilo en cascada es un lenguaje de programación artíficial que permite estructurar un documento desarrollado en HTML o XML. Como todos sabemos el lenguaje CSS permite separar la estructura de un documento de su presentación que fue desarrollado por la W3C.
Para quienes ya están familiarizados con el lenguaje CSS o están inciando con él, estos son algunos recursos que les ayudarán a comprenderlo mejor y seguir aprendiendo de sus ventajas al desarrollar en la web.
¿No sabes mucho sobre CSS?
Estos son una serie de recursos para ayudarte a empezar con el tema: definiciones, syntaxis, clases, ids, spans, margins y demás. Si no sabes nada sobre CSS no te preocupes este es un buen inicio:
- CSS Basics: una guía de 18 capítulos en línea con útiles ejemplos y que también la puedas descargar en un formato PDF.
- Beginner’s guide to CSS: una guía diseñada en 4 partes que brinda una introducción paso a paso sobre las bondades del CSS y la forma correcta de utilizarlo.
- W3schools-introduction: en este sitio encontrarás un tutorial con 14 partes que te explican sobre la introducción al CSS y sus múltiples características. Te ofrece una evaluación de tu conocimiento y un exámen.
- Getting Started with CSS: luego de haber leído los demás artículos y recursos, te presento este artículo que te ofrece poner en práctica lo aprendido. Estás empezando y es momento de practicar un poco con el código.
Te interesan recursos más avanzados
Para ti que lo anterior te parece pan comido y demasiado básico, entonces pasemos a recursos más avanzados en donde se resuelven problemas más específicos o son ejemplos más prácticos para aplicar el código.
- MDW-CSS: nuestra sección que habla sobre diferentes temas en relación al CSS. Utiles ejemplos sobre: hacks, css y php, css 3, maquetación, galerías, estructura de hojas de estilo y más.
- Webdesignfromscratch: una sección en donde encontrarás más contenido sobre los beneficios del CSS y en el desarrollo web a un nivel superior.
- SitePoint-CSS: todos conocemos Site Point como una referencia de temas sobre desarrollo web, quienes nos presentan una sección dedicada al CSS con múltiples ejemplos para practicar.
- CSS avanzado: este sitio te ofrece una sección dedicada a lo avanzado del CSS con varios ejemplos para revisar.
¿Quieres seguir aprendiendo?
Si los recursos no te son suficientes y crees que hay temas específicos sobre el CSS que no están incluidos en los ejemplos y tutoriales entonces “pregunta en los foros” existen más opciones para seguir aprendiendo.
Algo que es importante resaltar es que aveces nos creemos expertos en el tema, pero luego de buscar más recursos o simplemente trabajar en ello nos damos cuenta que tenemos que seguir aprendiendo y compartir nuestro conocimiento con los demás siempre será una buena manera de aprender.
Otro par de recursos también muy buenos son CodeBurner, el plugin de Sitepoint para Firefox, que básicamente te liga al material de referencia que tiene Sitepoint en su sitio pero desde la interfaz del navegador lo cual es muy útil cuando estás construyendo un sitio.
Y para los que nos gustan los libros: CSS Mastery de Andy Budd. Es excelente con casos de uso, tips, demostraciones y técnicas. Si lo pueden ordenar por Amazon o algo así, háganlo.
Un sitio que considero importante y me he apoyado en el para aprender CSS es el siguiente.
http://www.w3schools.com/css/default.asp
Estoy aprendiendo hacer Web´s, alguien sabe sobre un tutorial o sitio donde mencione la creación de un Web desde la creación del mapa de navegación, pasando por el wireframe or mockup hasta su fin ?
Gracias.
@rb3m, gracias por compartir tus recursos, sin duda nos sirven para seguir aprendiendo. 😉
@Erick, en efecto el sitio que mencionas está incluido en los recursos mencionados 😉 grcias!
hey stephanie que buenos recursos, esperemos poder darle una vista para mejorar en nuestros conocimientos de css.
saludos
Gracias por esos Recursos Stheph!!!
No soy un Master en Css, pero puedo decir que he aprendido mucho de lo que ya está echo, porque muchas veces los manuales te dejan más en la luna de lo que te explican, bueno eso me pasa a mi.
Uno de los recursos que me ayudan mucho es un Framework de un chico chileno llamado Rodigro García, el único framework en español, al inicio es un poco rompe cocos pero luego que lo entiendes es muy fácil.
les dejo el link
http://rgarcia.cl/simple/index.html
Hola Stephanie,
comento aqui para preguntarte y preguntarles al equipo de maestros del web si tienen un buen manual de CSS y PHP en español. Resulta que quiero aprender a crear themes para WordPress y me gustaria saber mas sobre esto. Agradeceria que publicaran algo sobre ello.
Gracias, suerte!.
@exaclimon, que bueno que sean de utilidad para ti, cualquier otro recurso no dudes en compartirlo.
@josh, gracias a ti por compartir tus recursos, nunca terminaremos de encontrar todo el contenido que tenemos para aprender, saludos!
@kcamilo, existe un Wiki en donde Foros del Web está aglutinando todo el contenido para crear manuales sobre tecnologías específicas, este proyecto está en desarrollo pero te comparto el más completo que es el de PHP el de CSS aún no se ha finalizado pero se vale colaborar. Saludos!
Personalmente creo que los libros de Javier Eguíluz Pérez son el mejor material que hay en español acerca del tema:
http://librosweb.es/css/ y http://librosweb.es/css_avanzado/
Acabo de iniciar con un blog donde explicaré varios temas de desarrollo web en http://attakinsky.com así que por allí los espero.
Saludos desde Guatemala.
Muy buen post
falto esta http://www.csszengarden.com/
El artículo me parece excelente, ya que CSS es esencial para Webmasters.
Sin embargo, debo realizar una crítica a maestrosdelweb…
¿Porque tantos links e info en inglés en una página en Español??
Entiendo perfectamente el idioma el Inglés, y habitualmente busco actualizarme en ambos lenguajes, pero cuando un usuario busca algo en Español, es porque desea que todo este en ese idioma..
Es algo que siempre critiqué de muchos sitios.
Sin embargo, el resto de su contenido, excelente y mis felicitaciones
Atentamente,
Gonzalo De Genaro
@Attakinsky, de acuerdo contigo, Javier estuvo colaborando con nosotros y sus libros son excelentes.
@Luis, gracias por el link, me alegra que sea de utilidad.
@Gonzalo, este es un tema que hemos discutido ya en varias ocasiones, son varios los factores por los que se utilizan referencias en inglés: porque existe mucho contenido y de calidad, porque el inglés ya no debe ser una limitante para educarte y si conoces por lo menos 10 referentes en español dedicado al CSS te agradeceré los compartas. Algunas de las referencias son en español como las del foro que es el material con el que nosotros tratamos de contribuir a la web hispana. Saludos! 😉
Excelentes recursos CSS. Un buen Sitio tambien es Guía de Referencia
CSS 2.1 en español.
http://www.w3c.es/Divulgacion/GuiasReferencia/CSS21/
Os envío una aportación: http://www.cssblog.es
Un saludo 😉
Steph: tengo una “manía” de releer tus posts y siempre me dan ganas de opinar otra vez, perdoname si los canso con tanto comentario.
Para agregar algo al comentario de @Gonzalo a mi también me gustaría encontrar BUEN contenido de css en español lamentablemente hay MUY poco y realmente me sobran los dedos de la mano para linkearlos, pero en mi afán de buscar contenido en la lengua de cervantes (la verdad es más fácil) encontré un excelente recurso que deseo compartirles, para los pricipiantes como yo
http://www.librosweb.es/css/index.html
son 223 hojas con un detalle impresionante sobre el CSS, muy recomendable, incluso para los que ya saben les recomiendo leerlo, creo que pueden aprender mucho.
Si eso fuera poco el autor: Javier Eguíluz Pérez se tomó la molestia en hacer uno más avanzado, http://www.librosweb.es/css_avanzado/
una verdadera joya.
Y para los más exigentes nos deja una Referencia de CSS 2.1
http://www.librosweb.es/referencia/css/index.html
con Las 115 propiedades de CSS 2.1 explicadas detalladamente e incluye más de 300 ejemplos originales.
Todo en Español y con sus respectivos Creative Commons.
@Steph creo que ese recurso vale por los 10 que le pediste a @gonzalo
Otra cosita, sería cool si ponen un rss del post para seguir los comentarios del mismo, disfruto y aprendo mucho de los comentarios de nuestros amigos.
Saludos
sorry por el comentario anterior, no había leído el comentario de mi compatriota @Attakinsky si quieres borra mi comentario, está demás
[…] ColdFusion.Desde Kernel Web; Aumentar los suscritos al RSS desde WordPress.Desde Maestros del Web; Aprender más sobre CSS.Desde TodoWordpress; Crear Theme desde Kubrik.Desde MP3d; El valor del SEO.- Diseño […]
es incrible de todo esto de lo relacionado al web y el programa esta comapartido?
de donde sancan todo esto de aprender a entrar o aprende la web?
cuantos programas se nececitan para aprender la werb>?
todo lo relacionado de el español es traducido en programas si .tu
lees en el español o haces la web se traduce automaticamente en ingles que es el idioma ofical de las computadoras al alrededeor del mundo reffacleo?
si necesitan algo relacionado a todo esto yo le doy paginas para acompletar todo sus sueños relacionado al web los lugares de todas partes para que baje sus porgramas gratis sin ningun costo son varios programs el principal es el FLASH ,PHOTO SHOP SC4
son los fundamentos despues le doy paginas donde no le cobran nada para su esperimento
SOY TECNICO
Un Ememplo de donde se se encuentre este es Cs4 donde se formo ultimo
vea despues me comenta
http://www.flashearth.com/ busca la una direccion de todo el mundo te lo dara ese si es web tienes ademas agredientes de lo que te guste AUSENCIO
Esto es exactamento lo que andaba buscando. tutoriales con una explicacion logica y coherente de como entender y desarrollar las CSS. conozco el lenguaje HTMl, pero no sabia desligar todo el aspecto grafico del contenido en una archivo externo… Muchas Gracias.
Les mandare mi primera pagina como referencia al terminarla ya que los creditos tambien seran para uds.
Muy buena recopilacion
SAludos =)
soy estudiante de multimedia , recien aprendo CSS ,
[…] http://www.maestrosdelweb.com/editorial/recursos-para-aprender-mas-sobre-css/ […]
que ases aparte de nada
que ases