CSS está comenzando, empresas grandes están cambiando sus sitios a desplegados basados en CSS y la blogosfera de desarrollistas web alcanza más y más personas.
Como ustedes comprenderán, estoy a favor de estándares en la web. Los estándares actuales de amplia aceptación son: (X)HTML para la estructura de página, CSS para diseño y Javascript para comportamiento. HTML se le conoce ahora, ha estado ahí desde el inicio del web y hay tutoriales por doquier.
Cuando se promueven estándares web, como muchos de nosotros, le hablas a muchas personas. Si lo promueves en un Chat room como #CSS en EFNet se vuelve aún más claro: hay distintos niveles de conocimiento CSS. Este artículo enumera algunos de estos niveles así como otorga una categoría a cómo este tipo de desarrollador afectará la web.
Nivel 0
¿CSS? ¿No es eso un juego multi-jugadores?
Estas personas probablemente nunca han hecho una página web en sus vidas. Si lo hicieran sería puramente HTML y tal vez ni siquiera sabrían qué estaban haciendo.
Tenemos algunas de estas personas en #CSS, no porque quieran comenzar a aprender pero porque piensan que han llegado a otro canal, generalmente buscando CS:S. No hay que preocuparse por estas personas, pues no pueden hacer mucho daño.
Nivel 1
"Sí, lo uso a veces para remover subrayadas de links"
A diferencia del nivel 0, estas personas sí conocen lo básico de HTML. Lo aprendieron, probablemente, al menos hace cinco años y han hecho algunos sitios simples. Usan CSS muy poco, en cosas simples que no pueden hacer con HTML, como remover subrayados y al establecer altura de líneas (Ni siquiera pienses en establecer altura de línea con HTML).
Aunque estas personas puedan presentarnos algunos sitios con malos códigos, no son sitios grandes ni muy visitados. Tampoco ocasionaran mucho daño.
Nivel 2
"No, no me gustan los divs. Las tablas son más fáciles de usar"
En vez de sólo jugar con HTML, como los de nivel 1, algunos siguen buscando. Han dominado las tablas HTML y empezaron usando para que las cosas salieran tal y como querían. En algún lugar de su dominio de HTML dejaron de buscar nuevas maneras de trabajar.
Escucharon que algunas otras personas usaban "divs para diseñar sus páginas" y hasta tomaron un poco de tiempo para tratar de aprender algo de eso. Después de algunas horas de no entender se rindieron, regresaron a tierra conocida y se quedaron ahí.
Algunos conocen la sintaxis CSS y a veces un poco de antecedentes, pero creen que es demasiado difícil y mal apoyado como para usar en vez de las tablas.
Cuidado! Estas son personas peligros, algunos webmasters de sitios de grandes empresas. Como han estado trabajando desde bastante, algunos son líderes de sus departamentos web. Estas son las personas más importantes a alcanzar y si lo logramos significará mucho para la web. Hay que concentrarse en estas personas.
Nivel 3
"Sí, he escuchado que es bueno pero no lo puedo usar porque…"
Algunas personas en este grupo no usan CSS para posicionarse, sí conocen un poco de CSS y talvez han escuchado algunas cosas buenas. Han intentado algunos despliegues simples y hasta les ha gustado. Pero algo los detiene. Talvez tiene un jefe en el nivel 2, talvez su sitio necesita usuarios de Netscape 4…
Estas personas necesitan saber que aunque CSS no funciona para todo, eso no es el fin del mundo. Los viejos buscadores todavía encontrarán todo el contenido, solo el contenido puro. Ahora alcanzarán un nuevo público: tendrán beneficios de acceso y utilización, nuevos buscadores tendrán una mejor experiencia y el sitio tal vez sea más fácil de añadir nuevos contenidos.
Diles esto a este grupo. Tal vez no estén haciendo las decisiones, pero tal vez influencian al jefe nivel 2.
Nivel 4
"CSS… Sí, uso divs para todos mis despliegues"
No es inusual que estas personas sólo usen divs para estos sitios. Cada parte de sus páginas tiene un div, a veces con un identificador muy específico como #toprightredline o tal vez #r5_c7 con r como fila y c como columna, además de posicionar todos sus divs con la posición del píxel. Los resultados se ven bien, pero incluso se valida como XHTML 1.1(!) pero lo que se han perdido es casi todos los beneficios de CSS.
Estas páginas son terribles cuando se trata de interpretación de lectura de pantalla. Lo mismo con viejos buscadores no aptos para CSS, pues no tienen el contenido… sólo tienen un gran bloque de texto.
Cuando usan malos nombres de clase e identificadores se pierde la posibilidad de cambiar el desplegado: si la línea roja necesita cambiarse a negra tendrán que cambiar todo el documento HTML también (tal vez cientos).
No caiga en la trampa de llamarlos tontos o hacerlos google "css", pues son inteligentes y necesitan aprender de CSS en google también.
Dígales exactamente qué pueden mejorar de sus sitios. Dígales los beneficios.
Personas en el nivel 4 hacen sitios malos. El daño se reduce cuando se abren a nuevas ideas. Después de todo, no hace mucho aprendieron y empezaron a usar CSS.
Algunas razones de la gente para pensar así, son por lo que los editores de WYSIWYG están haciendo. Muchos de estos editores sólo producen un código sólo para div terrible, pero hay una mejoría gradual en este campo. Sería bueno que pasaran de nivel 4 a otros niveles.
Nivel 5
"Uso CSS para diseño, es mejor que tablas porque…"
Después de muchas lecturas, pláticas y pensamientos las personas llegan al nivel 5. Aquí pueden usar CSS y saben por qué es mejor. Algunas personas en este nivel pueden tener problemas menores en sus sitios pero nada serio.
Pueden argumentar por qué separar la estructura y el diseño es algo bueno y han trabajado con CSS por suficiente tiempo como para conocer las trampas usuales. Creo que muchos lectores de esto están en este nivel y yo también. Pero…
Nivel 6
"¿Qué versión de CSS? Sí, pero has leído mi libro acerca de…"
Para algunos, saber cómo y por qué no es suficiente. Estas personas buscan mejorar cómo CSS es usado y están publicando buenos artículos acerca de eso. Constantemente regresan a las necesidades básicas de CSS cumple y atacan problemas de diferentes ángulos.
Algunos han leído todas las especificaciones W3C de CSS y saben qué partes son soportadas por qué buscadores. Funcionan como modelos para los principiantes y hacen grandes cosas para la web con su influencia.
Muchos trabajan en el Proyecto Standard para la web. web Standards Project. Si encuentran un error en su sitio, hay una razón. Si les preguntas, ellos sabrán por qué.
Este artículo fue publicado originalmente en friendlybit.com por Emil Stenström. Traducción por Ronald Flores.
Bueno.. yo soy un nivel 5, aún tengo muchas cosas por aprender, pero sin embargo, creo que hay un buen grupo de los que se encuentran en nivel 5 que ya estamos predispuestos a ayudar a los que se inicien en lo que podamos, y a difundir el uso de Estilos para el diseño y el aspecto. Creo que con la difusion que ya lleva el CSS, la gran mayoria de diseñadores webs se encuentran en los niveles 2 y 3.
Muy bueno el artículo,y lo dice un nivel 2 que quiere llegar al 5, pero le falta tanto…
Paola, sin duda lograrás llegar al nivel 5, es cuestión de ser disciplinados (una cualidad que cuesta mucho ejercitar) y adquirir los conocimientos, pero sobre todo, ponerlos en práctica.
Me alegra que hayan mujeres interesadas en el asunto 😉
// http://www.maestrosdelweb.com //
El artículo está ameno y además te impone la meta de seguir buscando mejorar el nivel.
Definitivamente me falta aprender mucho de CSS para seguir avanzando y de vez en cuando tendré que darme una vuelta por este artículo para verificar cómo me ha ido.
Yo hice una pagina con CSS el diseño y todo jjajajajaj
Me quede sorprendido, todo lo que dice es como me fue pasando a medida que fui avanzando.
al principio las tablas eran la salvacion, con en tiempo me fui dando cuenta que no eran la mejor opcion…
saludos para todos desde el nivel 5.
Realmente muy bueno el artículo, tambien quiero aprender más sobre el tema y en este sitio lo estoy encontrando
// http://www.bajador.com //
Yo también quiero hacer sitios con css, pero pierdo mucho tiempo tratando de lograr efectos que con tablas logro en pocos minutos y que se ven bien en todos los navegadores. Supongo que con el tiempo me iré habituando (o me dedicaré a mi trabajo de programador dejando que el css lo hagan los diseñadores)
Jejej llege aqui por casualidad, pues buscaba los nievels de conocomiento del hombre y me encontre con esto ademas como decia CSS, me acorde del gran juego on-line qe es muy padricimo ejeeje, pero en fin, me entro la curiocidad por este articulo y oz por eso les pregunto qe es CSS?un lenguaje de programcion web??qe ventajas tiene?solo se utiliza pera acer los estilos visuales de las web?ademas me pregunto, comom acen algunos webmaster para poder acer reproducir videos en la misma web sin necesidad de descargar el archvio??el macromedia dreamwever(no me acuerdo como se escribe) tienes esa opcion(la de acer qe los videos se sejecuten en la misma pagina)??
espero qe es me respondan, el problema qe nose como voy a llegar de nuevo es esta pagina, si me repondiera algen a [email protected], estaria muy feliz
gracias
Creo que la mejor forma de llegar a un buen nivel de CSS es con listas de discusión y visitando http://www.w3.org
Saben pronto se dara en guate un taller sobre desarrollo de páginas que abarca ese tema, soporte para discapacitados, y creación de páginas semanticas… Les aviso cuando sepa fechas, pero la promo va via el colegio de ingenieros… si ven a Eugenia le mandan mis saludos!
Es indudable que con css el diseño y el aspecto grafico de los sitios es infinitamente mejor y mas pulido, pero en cuanto a estructuras, yo siempre apuesto por las tablas html, luego las maquillo con css..
De todas formas, siempre tengo problemas a la hora de hacer determinadas cosas en css, y me cuesta mucho encontrar soluciones por mas que busque.
Cada dia css se hace mas enorme y mientras que aun no has controlado y te has acostumbrado a determinadas partes de el ya aparecen nuevas cosas y te encuentras con otras soluciones.. lo q por una parte esta bien pero por otra, no te deja definirte…
A mi me gustaría poder librarme de las tables de una vez por todas pero no lo consigo….
La mayoría de los libros que he leido mezclan conceptos de css y xhtml con javascript… intentan abarcar tantos palos que no profundizan en ninguno.
Si alguien conoce algun libro que sea a modo práctico dirigido a personas que pasaron horas y horas aprendiendo a usar tablas hace ya bastantes años para librarse de los asquerosos marcos…. por favor seria una gran ayuda.
// http://enrackados.com //
pues yo creo que estoy saliendo del nivel 4 aunque aun me falta algo para salir de ese nivel y entrarle al 5 como sea esta es mi primera web hecha completamente con CSS visitenla para que me critiquen XD
mx.geocities.com/hououji_b aunque ultimamente le estoy entrando mas a esto del CSS aun me falta creo yo mucho por aprender
Muy buen artículo. Aunque he tenido que pasar por momentos terribles para mejorar, me ha servido como experiencia. Aunque estoy en el nivel 5, se que existen ciertas cosas que se me escapan, quiza algun momento o algún día pueda compartir experiencias y participar en projectos que motiven a principiantes el uso correcto de CSS.
Hola muy bueno esto de los niveles, creo que estoy en el nivel 2 aún, pero tengo la certeza que seguiré (con la ayuda de Dios) escalando niveles; el título comentarios se ve bien en Firefox, pero no en IE. Bueno son sólo unas preguntas, y las hago, pues aunque se que Firefox es mejor navegador que IE, IE se usa mucho mas.
Saludos!
Solo una pregunta que no viene mucho al tema, pero me llama la atención, ¿porque esta página se ve bien en Firefox pero no en Internet Explorer?, el efecto de Hover sobre los comentarios se ve perfecto en Firefox pero no en IE,
// http://rickyblog.pandela.net/ //
me parece algo muy nerd,pero real.
seamos nerds, espero llegar a un nivel 5
necesito encontrar los analogos de las etiquetas de css de IE 7 para Firefox
[email protected]
ayuda please