proginternet.com Programacion Internet
  • 10 CSS Tips de un profesional Front-End Architect : Segunda Entrega

    6. Use la regla @import para organizar tus CSS.

    No sólo la regla de importación @ ahorrarle de un efecto indeseado de la herencia con navegadores, como IE4, IE5 y MAC Netscape 4 (algunos todavía existen!) Es más fácil de mantener. Puesto que usted cuidadosamente organizado su documento que no se avergüenza de su estilo-de marcas.

    7. La organización ayuda a su CSS con los futuros de mantenimiento del sitio.

    Comience con un maestro de hojas de estilo. Dentro de esta hoja de estilo importar sus reset.css, global.css, flash.css (si es necesario) y structure.css y, en ocasiones, una tipografía de hojas de estilo.

    Aquí está un ejemplo de un “maestro” de hojas de estilo y la forma en que está incrustado en el documento:

    * @ Import url ( “reset.css”);

    * @ Import url ( “global.css”);

    * @ Import url ( “flash.css”);

    * @ Import url ( “structure.css”);

    / * \ * / @ import url ( “css / master.css “);/**/ *

    Aprovechando “pantallas” te ahorrará dolores de cabeza con el IE en Windows Mobile 5. Actualmente, he utilizado un Plam Treo para acceder a todos mis móviles de contenidos en línea. (Sí, voy a ser el cambio a un iPhone cuando estén disponibles.) El Treo es el sistema operativo Windows Media 5. El navegador es IE. ¿Estás pensando lo mismo que yo? Sí, otro navegador IE para trabajar con el tiempo y cortar. Y esto también tiene un bugs. El mayor problema es hacer la unión de presentación de mano y hojas de estilo. Puede imaginar el desastre que crea. Pero su es una solución. Si capitalizar la “S” en pantalla de IE se omita la presentación de documentos CSS y hacer que sólo los móviles de mano de hojas de estilo.

    8. Organice su alt CSS .

    ¿Qué pasa con los dispositivos que no se basan en hojas de estilo CSS? Desde su estructurales de marcas ya está organizado el visitante debe tener una experiencia agradable con el sitio. En cualquier dispositivo con hojas de estilo o no.

    Documentos alternativos tales como arual, impresos y de mano se pueden agrupar en un directorio alternativo. Como se puede ver que estas alternativas lugar hojas de estilo en un directorio llamado “alt”.

    Use la etiqueta de enlace para otras hojas de estilo como para que:

    *

    * media=”handheld” href=”css/alt/handheld.css”

    * media=”aural” href=”css/alt/aural.css”

    ¿Exactamente con IE bugs hojas de estilo. Organizar a ellos en una “iebugs” directorio.

    Uso condicional comentarios a incluir su IE bugs CSS:



    href="css/iebugs/ie6.css"



    href="css/iebugs/ie7.css"

    9. Hook, líneas y lastre.

    Una vez que tengas tu CSS y secciones en el lugar donde empezar a considerar su selector de "ganchos" vivirá estructural mediante el uso de anzuelos en su marca. Esta es su gracia salvadora para la futura edición y mantenimiento del sitio. Esto también le dará fuerza a su documento.

    10. Crear etiquetas de identificación.

    En la mayoría de los casos impone una ID en el cuerpo etiqueta le permitirán manipular CSS temas de presentación de marcas y elementos de página por página. Esto también va a reducir la cantidad templatatization (que es una palabra?). No sólo va a ser capaz de organizar sus secciones será capaz de crear varias presentaciones con CSS a cabo el cambio de marcas de su plantilla a plantilla o una página a otra.

    Por ejemplo, si a 3 columnas que se requiere reordenar de una página a otra. Tales como columnas de conmutación lugares. Esto es fácilmente alcanzable con el poder de la especificidad y la cascada CSS. Simplemente añadiendo un ID al cuerpo le permitirá cambiar cualquier cosa dentro y fuera del flujo de documentos. Esto es cada vez más útil cuando se trata de páginas en los sistemas de CMS como Wordpress.

    Originalmente escrito en Charles ProgInternet.com

    Published on August 12, 2008 · Filed under: Uncategorized;
    No Comments

Leave a Reply

You must be logged in to post a comment.