Archives
- October 2011
- September 2011
- June 2011
- March 2011
- October 2010
- August 2010
- July 2010
- June 2010
- December 2009
- October 2009
- September 2009
- August 2009
- July 2009
- June 2009
- May 2009
- April 2009
- March 2009
- February 2009
- January 2009
- December 2008
- October 2008
- September 2008
- August 2008
- July 2008
- June 2008
- May 2008
- April 2008
- March 2008
- February 2008
- January 2008
- December 2007
- November 2007
- October 2007
- September 2007
- August 2007
- July 2007
- June 2007
- May 2007
- April 2007
- March 2007
- February 2007
- January 2007
- December 2006
- November 2006
- October 2006
- September 2006
- December 1969
Categories
- Access
- ActionScript
- Adobe
- ADSL
- AJAX
- Algoritmos
- Analisis
- Analista de Sistemas
- apache
- ascii
- Automatas
- C
- Ciencias de la Computacion
- cliente-servidor
- Colores RGB
- Complejidad
- Conceptos Basicos
- Consejos – Tips
- CS4
- CSS
- Cupones
- curso
- Cursos
- Delphi
- Diseño Grafico
- diseño web
- Dreamweaver
- etiquetas
- Eventos
- Excel
- Expresion
- Flash
- Flash 8
- Flash CS3
- Flash General
- Flex
- FLV
- GoDaddy
- Graficos
- grafos
- Gratis
- Guia
- Herramientas
- Hojas de Estilo en Cascada
- Hosting
- htacces
- HTML
- imagenes
- Ingenieria de Software
- ingenieria en informa¡tica
- Internet
- introduccion
- Java
- javascript
- lan
- Lenguajes
- Licenciatura en Sistemas
- Linros
- logica
- man
- Maquetacion
- Microsoft
- mod rewrite
- MySQL
- Paradigmas de Programacion
- Password
- Photoshop
- PHP
- PHPMyadmin
- Pila
- Plantillas
- Preguntas Frecuentes
- Programacion
- Programacion Internet
- Programacion Logica
- Programacion Web
- Programador Universitario
- Prolog
- Proyect
- Que es una red
- Recomendaciones
- Recursos
- redes
- Redes Inalambricas
- RGB
- RIA
- Ruby on the Rails
- seguridad
- Seminarios
- Servicios
- Servidores
- Servidores Dedicados
- Sitios
- Sitios – Webs
- Software Diseño Web
- tipos de redes
- Tips
- Trucos
- tutoriales
- tutoriales
- Tutoriales
- tutoriales flash
- Universidad
- Usabilidad
- utilidades
- Video
- W3C
- wan
- Windows
- Word
- Wordpress
- XHTML
- XML
Links
Recent Articles
- Programación Básica en PLSQL
- Aprende Flash Facil
- Aprende Flash Facil
- Fazzil: Tu Página Web Fácilmente
- Curso de Phosohop en Junin
- Estudiar Diseño Web en Junin
- Curso de Programacion Python
- Tutorial Photoshop: Lineas de luz alrededor de personas
- Crear Pagina Web En Flash
- Flash CS5 Actionscript Facilito
-
10 CSS Tips de un profesional Front-End Architect : Segunda Entrega
No Comments6. 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;
Leave a Reply
You must be logged in to post a comment.
