CSS Naked Day

A quien le interese, hoy es el CSS Naked Day 08.

Como yo ya no le veo sentido, no voy a participar, para los demás, lo único que tienen que hacer es quitarle la hoja de estilos a su página para mostrarle al mundo lo mal que escriben XHTML (aún cuando respeten estándares).

Salva a los desarrolladores: deja de usar Internet Explorer 6

Más iniciativas para matar a “Internet Explorer 6 del infierno”. Visto en TechCrunch.

¿Hacks CSS o desarrollo limpio?

Creo que el primer consejo que alguien me dio para escribir hojas de estilo en cascada fue: no uses hacks, solo usa el selector child. Así que mi postura frente a los hacks CSS es totalmente en contra.

Los hacks en CSS pueden usarse para:

• Eliminar bugs de Internet Explorer 6 (o anteriores)
• Disminuir diferencias entre navegadores
• Conseguir efectos vistosos (y que se vean en todos los navegadores)

El uso de hacks en CSS implica que las líneas de código aumenten considerablemente, conflictos con otros elementos y sobre todo la dificultad de modificar las hojas de estilo.

Para el primer punto, en mi experiencia, no he tenido la necesidad de usar más que algunos ‘arreglos’ (fixes o como quieran llamarles) que se encargan de solucionar pequeños problemas con IE6, por ejemplo el clásico problema de los elementos flotados que se soluciona con la propiedad display:inline.

Para el segundo punto solo puedo darles el mejor tip de CSS que encontré en esta página web.

Y para el tercer punto, no veo la necesidad de usar efectos como dropdowns o efectos parecidos, aunque en otras ocasiones uno se ve obligado a usar hacks por los malos diseñadores y creen que están en 1999 (frase trillada, pero es la realidad).

Así, yo prefiero escribir mis hojas de estilo de forma muy plana, evitando perder tiempo en la búsqueda de la perfección en cada navegador y obviando detalles que sé que al tratar de solucionarlos me traerán más problemas con otros elementos. Estos detalles los dejo para cuando he terminado.

¿Ustedes usan hacks en sus hojas de estilo o prefieren escribir código plano?

Editores de código

Dentro de la amplia gama de opciones que hay en cuestión de editores web gratuitos, no he encontrado alguno que me convenza al 100%.

En Maestros del Web escribieron un buen artículo, recomendando algunos editores muy detalladamente, el detalle (valga la repetición) en varios de ellos está en que son de pago, aunque yo creo que si en realidad se acomoda a tus necesidades, el dinero es lo que menos importa.

En mi caso, busco editores multilenguajes (principalmente html, xml, php y css), con colores amenos -que vengan configurados por default, no me gusta estar configurando colores y es el principal motivo por el que no uso editores como Notepad++. Además de eso, busco que sean fáciles de usar, que las opciones estén a simple vista, sin tantas complicaciones. Algo muy importante para mí también es el auto-completado de código.

Esas características solo las he encontrado en 2 editores (para windows), con los que me he acomodado muy bien. El primero de ellos es TSW Webcoder, que llevo usándolo ya casi 4 años (antes era gratuito, desde el 2005 tiene costo). Soporta PHP, XML, HTML, CSS, contiene la librería de funciones de php y mysql, un gestor de proyectos muy completo, gestor FTP muy sencillo… es el que más me a gustado.

El otro editor que uso comunmente es TopStyle, que he usado ya por 3 años, aunque el problema con este último es que soporta solo html, css y coloreado básico para lenguajes de programación del lado del servidor, la ventaja está en su interfaz limpia y revisión de propiedades css instantánea.

Ambos tienen editor visual (si es que lo necesitas), validación de código XHTML y CSS vía W3C. La desventaja de ambos es que son de pago.

¿Tú qué editor usas?

Internet Explorer 8: 3 diferentes renderizados

[Esta es una noticia para desarrolladores, si no lo eres, tal vez no te interesa perder tiempo] Si hasta ahora Internet Explorer 6 era el dolor de cabeza de todo desarrollador de hojas de estilo, espera a leer esto.

Los desarrolladores de Internet Explorer 8 anuncian a través del blog de IE que la nueva versión (IE8) tendrá 3 tipos de renderizado y, como ya menciono, la comunidad desarrolladora ha puesto el grito en el cielo.

Las 3 versiones serán las siguientes:

• Quirks mode: que ya existía y es el que se activa (por decirlo así) cuando no hay un doctype definido en una página web (trata muy bonito con tablas dentro de tables e iframes)
• Standards mode: también ya existía y en IE7 tuvo una importante mejora; cubrieron muchos bugs, pero al dejar vivo el quirks mode, muchos desarrolladores siguen ejerciendo su profesión como hace 10 años
• IE8: Internet Explorer 8 implementará una nueva forma de renderizar las páginas, el cual será más estándar, pero se tendrá que agregar una etiqueta <meta /> para que el navegador entienda que queremos que se renderice de este modo nuestra página

Definitivamente Microsoft da un paso adelante y dos pa’trás, como el cangrejo. ¡Que desaparezca el renderizado quirks mode! ¡que los malos códigos se muestren como malas páginas! ¡que los desarrolladores hijos de su 1999 aprendan a usar html y css!

Si quieres lee todo el artículo en el blog de IE8.

Tip definitivo de CSS

Tip definitivo de CSS: http://dowebsitesneedtolookexactlythesameineverybrowser.com/

Creando un menú desplazable

Hay un interesante tutorial para hacer un menú desplazable en HTML Dog, en el cual se emplea HTML+CSS+JavaScript.

Ojo, que es JavaScript no intrusivo, en realidad el script se utiliza solo para asignar una clase en Internet Explorer 6 (dado que este no soporta las propiedades y selectores recomendados por la W3, como la selector :hover para elementos que no sean anchors).

He visto que algunas personas logran ese efecto usando solo javascript, lo cual no es muy confiable, mientras que otros encierran listas enteras (<ul>) entre anchors (<a>) y bueno, si quieres realizar un trabajo semántico, usable y accesible, toma en cuenta este tutorial.

Link: Son of Suckerfis Dropdowns - HTML Dog

Ahorra 730 terabytes de ancho de banda cambiando a CSS

Ahorra 730 terabytes de ancho de banda cambiando a CSS

Libros sobre CSS

Actualización
Ok, a los que pidieron por mail ya les envié las URL, como sea, aquí dejo las direcciones:
- Libros sobre RDF/RSS
- Libros sobre CSS
- Libros sobre XML/XHTML

Me regalaron muchos libros sobre CSS, en formatos CHM, PDF y HTML, mi ex-jefe, Dagoberto Salas, hizo el favor de quemarmelos en un CD y ahora tengo una muy grande colección de libros sobre CSS.
No solo sobre CSS, también sobre PHP y MySQL, y XML (RSS, RDF y XHTML).

Los libros son de los mejores, no son cursitos que te encuentras por la red, son libros que han sido impresos.

Y como este post no es solo para presumir, envía un correo a jesusbet arroba gmail punto com y con gusto te enviare el que me pidas.

Nota: todos los libros son en inglès
Compartir es amar

Tags: [tag]CSS[/tag], [tag]PHP[/tag], [tag]XTML[/tag], [tag]Libros[/tag]

Guía de Referencia Rápida CSS 2.1

Guía de Referencia Rápida CSS 2.1. Vía Foros del Web.

¿Qué hay de nuevo de CSS en la Beta 2 de Internet Explorer 7?

Dile adios a Peek-a-Boo

Se arreglaron la mayoría de los bugs publicados en Explorer Exposed!.

Bondades de la vida, estoy feliz porque [al fin] Microsoft está interpretando la necesidad de los desarrolladores correctamente.

El maldito modelo de cajas cambió

Hicimos cambios importantes a nuestro modelo de cajas (box model) para soportar corectamente el sobre flujo en bloques no reemplazados de nivel y elementos inline.

¡Que bien! cambiaron el fastidioso modelo de cajas que tantos dolores de cabeza me dió a mediados del año pasado.

Otras chorraditas

- Activaron el selector :hover en todos los elementos (esto estaba solo en Firefox o Mozilla, no sé si en Opera también).
- Ya se puede fijar un background en todos los elementos, con la propiedad background-attachment: fixed.

Leer nota original: What’s new for CSS in beta 2 preview?

Combinar una diagramación líquida y elástica

Combinar una diagramación líquida y elástica (vía LinkLog)

Competencia de diseño CSS+XHTML+Usabilidad

En Foros del Web se ha organizado una competencia de diseño web con CSS+XHTML+Usabilidad.

El objetivo de la competencia es desarrollar una página que sea válida (CSS+XHTML), accesible y semántica, y con un buen diseño, por supuesto.

La competencia empezará el próximo lunes, 17 de enero; los jueces otorgarán un texto y el competidor tendrá la libertad de aplicar un diseño.

En las bases del concurso se especifica cada punto que será considerado para calificar a la mejor web.