Recursos para aprender CSS
Como preparación para el lanzamiento del proyecto Camaleón CSS, a continuación les presento una lista de páginas con tutoriales, guías o artículos sobre la creación de hojas de estilo CSS.
El objetivo es que aquellos artistas gráficos que conocen poco (o nada) sobre esta tecnología, tengan la oportunidad de aprenderla y así puedan aportar sus ideas en el proyecto.
Como preámbulo quiero adelantarles que no es cosa de otro mundo, ni necesitan ser programadores para entenderlo.
Bueno, despues de esta pseudo-introducción, los dejo con la lista. Algunos de estos tutoriales son más básicos que otros, usen cualquiera que les acomode mejor según su nivel de conocimiento y preferencias de estilo.
Lista de varios excelentes artículos y tutoriales sobre CSS disponibles en maestrosdelweb.com.
Tutorial en linea de Desarrolloweb, con la opción de descarga en PDF
Traducción al español de la especificación CSS2 (muy técnica)
Manual de uso de hojas de estilo de sidar.org, muy completa.
Artículos sobre el uso de CSS en programacion.com
Estoy seguro que dedicandole algún tiempo a este asunto, muy pronto podrás estar no solo aportando tu diseño al proyecto Camaleón CSS, sino también explotando tus nuevos conocimientos en tu campo de acción.
17 Comentarios
RSS de los comentarios de esta entrada.
Deja un comentario
Disculpa, los comentarios están cerrados.
Ya me he leido el manual completo de Desarrollo Web, me parece un excelente manual, pero no dudaré en estudiar cada uno de los otros manuales, gracias.
Saludos
Comment por jesusbet — Oct 31, 2004 @ 1:57 am
Pues como siempre manolo aportando, gracias por los tutos, y te cuento que ahora ando tocando el css, pues me encanta
ahhh plis tengo algo en mi sitio sobre DTD….checkalo, ya que necesito tus orientaciones.
nos vimos!!!!
Saludos manolos
Comment por asinox — Oct 31, 2004 @ 11:46 am
Gracias por la mención de los contenidos CSS que tenemos en Maestros del Web.
Comment por cvander — Nov 4, 2004 @ 3:31 am
Pues muy interesante las referencias que haces, yo sigo lamentablemente usando tablas en mis diseños, pero ya me dedicare a estudiar a fondo todo esto.
Comment por Jorge — Nov 5, 2004 @ 2:51 pm
Me encanta la aportación que les brindan al mundo de los diseños!!. Lamento que en mi país sea tan corta la visión del area.
Comment por Sandy Mar — Nov 10, 2004 @ 12:43 pm
Excelente Sitio, de lo mejor que he encontrado en la web respecto a los css, una felicitacion a todos los realizadores.
Paginas como estas inspiran.
Comment por alberto malacara — Nov 10, 2004 @ 9:51 pm
Voy a ver que tal estos tutoriales.
Me parece muy interesante tu idea, ya que hacia algún tiempo que iba detras de hacer algo similar, pero por falta de tiempo…
Bueno pues a ver si puedo mandar mis diseños.
Comment por Sirocus — Nov 18, 2004 @ 3:06 am
Bien, verás que los tutoriales son buenos. Aunque acepto que hacen falta mejores (mas actualizados) en español.
Animate con tu diseño!
Saludos
Comment por Manolo — Nov 18, 2004 @ 3:20 am
Hola,
me estube leyendo el manual de desarrolloweb y en fín esta bastante bien, me sirvió para aprender algo nuevo.
La mayoría de cosas que explicaba ya las sabia, pero bueno algo siempre te queda.
Ahora biene mi problema, lo que no entiendo del todo bien es el manejo de capas. A parte he estado inspeccionando el codigo de los diseños enviados en camaleoncss y creo que no utilizan el metodo que citan en el tutorial.
Si alguien puede echarme una mano
Comment por Sirocus — Nov 19, 2004 @ 1:23 am
Hola Sirocus!
Que bueno que te han servido estos recursos. Seguro que pronto te animas a mandar tu diseño.
Con respecto a la técnica de las capas, de hecho es usada casi en todos los diseños, solo que casi en nunguno se utiliza la propiedad z-index, que es la que viene a complementar los comentarios del tutorial de Miguel Angel.
Las “capas” son en realidad DIV’s posicionados y delimitados por un ancho y(o) un alto. El objeto de el z-index es simplemente determinar que capas (divs) quedarán por encima visualmente de que otros, y por razones obvias, es útil siempre y cuando existan traslapes entre las diferentes capas que componen la página.
El valor del z-index es un número, que mientras mayor sea, el elemento ocupa una posición más alta (mas cerca del visitante).
Te invito a ver la página principal de convergensys (mi negocio), para que veas el código fuente y notes como el logo de la parte superior esta “puesto” encima del texto, de tal forma que la imágen CUBRE la leyenda textual “Convergensys”. Esa es una aplicación práctica del z-index. Y como esa hay muchas otras que seguro se te irán ocurriendo.
Saludos!!
Comment por Manolo — Nov 19, 2004 @ 1:43 am
Hola, tengo una duda haber si alguien puede ayudarme: Necesito introducir un buscador interno en una web creada con css pero no quisiera hacerlo con base de datos. ¿Es posible?
Comment por Pakita — Nov 25, 2004 @ 1:18 pm
Bueno, pues son dos cosas diferentes, CSS es la forma en que estás mostrando la página (diseño) y el buscador dependerá de el sistema que desarrolles para tal efecto. La salida del buscador podrá tambien formatearse con CSS, pero eso no tiene nada que ver con la forma en que la información sea procesada. Un buscador sin uso de base de datos, puede no ser tan eficiente como uno que si la usa, pero de todas formas hay más de una forma de hacerlo (PHP, JS, ASP, CGI, etc).
Te recomiendo visitar Foros del Web y usar su buscador para encontrar temas relacionados a “Buscador Interno”, “Buscador” y similares.
Saludos!
Comment por Manolo — Nov 25, 2004 @ 3:47 pm
Muchas gracias Manolo
Comment por Pakita — Nov 26, 2004 @ 4:01 am
Excelente….............. Toda esta información me es muy útil, estoy muy interesado en todo este gran tema “las relaciones entre el diseño y la programación” Soy diseñador gráfico y aunque inicio apenas con este royo…........ya he pasado por otros lenguajes de programación como Fox Pro o C++, y me he metido con Action Script…..........y de VErDAD agradezco que exista esta comunidad dispuesta a trasmitir el conocimiento…..............Gracias….............. Pronto Compartiré mis Exploraciones…..............Finalmente un Gran Saludo Colombiano por tan EXELENTE PROYECTO…...............
Comment por P3dro Montañe5 — Dic 4, 2004 @ 9:09 pm
me encantó esta pagina, apenas estoy incursionando en la creacion de paginas web y agradezco por estos tips
Comment por Yoloxochitl — Dic 9, 2004 @ 11:55 am
muy buenos los links.
Feliz año nuevo y adelante con este proyecto que esta muy bueno y aprendo mucho
Comment por dolores — Dic 29, 2004 @ 2:23 pm
Estoy empezando con esto del css, y gracias a tus enlaces ya estoy imprimendo un par de manuales para empezar a trabajar en ello. Estoy pensando en remodelar mi web para que se vea lo mejor posible con los distintos navegadores.
Haciendo pruebas he visto que la gestión de fonts, hace que el mismo texto se vea mas grande con IE 6 que con Firefox 1.0. ¿es esto correcto?
Gracias por tu web.
Comment por fermi — Feb 5, 2005 @ 1:08 pm