Archive for the ‘CSS’ Category

Creo que no soy el único que esta hasta la madr**e de que después de pasarse todo un rato diseñando tu CSS lo pruebes en IExplorer (sobre todo) y resulte que parece “Arte Abstracto” Una posible solución (la verdadera solución son los Standars Reales) es usan un CSS para cada tipo de navegador, de esta manera a pesar de tener que trabajar doble (creando un CSS para Mozilla.. y otro para IExplorer y otro para…) sabrás que tu pagina siempre lucirá genial (o al menos como tu quieres que luzca).

En Ajaxian nos muestran un forma usando para ello selectores CSS para IE, el formato de tales selectores es mas o menos este:

<!--[if IE 7]>
  <div id="body1" class="IE IE7 IE67">
<![endif]–>

<!–[if IE 6]>
  <div id="body1" class="IE IE6 IE56 IE67">
<![endif]–>

<!–[if IE 5]>
  <div id="body1" class="IE IE5 IE56">
<![endif]–>

<!–[if !IE]>–> /* Para todos los demas casos */
  <div id="body1" class="W3C">
<!–<![endif]–>

Como ven la idea es clara, si quieres una referencia mas completa sobre el uso de estos selectores te recomiendo visitar la pagina de Ajaxian, el enlace esta al final del post.

Link: Ajaxian | Maintaining Browser Specific CSS

• PHP - Detectar el navegador del usuario ademas de su version
• Google Chrome: ¿El final de Firefox?
• Google Chrome: Lista Beta para descarga.
• OpenOffice cada vez mas lento
• 15 herramientas para desarrollo web que deberias conocer

1. Manten CSS simple - Peter-Paul Koch
2. Realiza tus declaraciones CSS en una sola linea - Jonathan Snook
3. Usa etiquetas CSS - Roger Johansson
4. Permite el block en los elementos para llenar el espacio de manera natural - Jonathan Snook
5. Establece el valor de float para eliminarlo - Trevor Davis
6. Usa margenes negativos - Dan Cederholm
7. Usa CSS para centrar las capas - Dan Cederholm
8. Usa el DOCTYPE correcto - Jeffrey Zeldman
9. Centra los Items con CSS - Wolfgang Bartelme
10. Usa comandos text-transform - Trenton Moss

Link: NETTUTS | 10 principles of the CSS masters
Link: Ajaxian | You are not alone. None of the rest of us can fathom CSS either.

• 10 Principios de los Masters PHP
• Pendientes: Tuto OpenGL y…
• Actualizacion de imagenes satelitales en Google maps
• Nokia 5800 XpressMedia, el nuevo Nokia Tube????
• Feliz 10 Aniversario de Mozilla!!!