Buenas prácticas<br />TEMA 5<br />www.laramarcos.com<br />
5.1 herramientas<br />FIREFOX<br />EXPLORER<br />Firebug<br />SQ Lite<br />Web developer<br />Colorzilla y MeasureIt<br />...
5.2 validación<br />http://jigsaw.w3.org/css-validator/<br />Optimizar: <br />		http://www.cleancss.com/<br />www.laramarc...
5.3 otros recursos<br />Versión para imprimir <br />&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&qu...
5.3 otros recursos<br />Hojas de estilo para “cada” navegador<br />1º resetear los estilos<br />2º diferenciar para cada n...
Upcoming SlideShare
Loading in …5
×

5.Buenas Practicas (diseño con CSS)

760 views
710 views

Published on

Recomendaciones para diseñar con CSS

Published in: Design, Technology, Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
760
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
19
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

5.Buenas Practicas (diseño con CSS)

  1. 1. Buenas prácticas<br />TEMA 5<br />www.laramarcos.com<br />
  2. 2. 5.1 herramientas<br />FIREFOX<br />EXPLORER<br />Firebug<br />SQ Lite<br />Web developer<br />Colorzilla y MeasureIt<br />IE Tab<br />HTML Validator<br />F12<br />Barra AIS <br />Herramientas en F12<br />Modo de explorador<br />www.laramarcos.com<br />
  3. 3. 5.2 validación<br />http://jigsaw.w3.org/css-validator/<br />Optimizar: <br /> http://www.cleancss.com/<br />www.laramarcos.com<br />
  4. 4. 5.3 otros recursos<br />Versión para imprimir <br />&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;/css/imprimir.css&quot; media=&quot;print&quot; /&gt;<br />dispay : none (navegaciones)<br />font : 12pt (body)<br />color: #000 (*)<br />a:after { content: &quot; (&quot; attr(href) &quot;) &quot;; }<br />Reajuste de la estructura<br />float: none<br />width : auto<br />margin y padding : 0<br />www.laramarcos.com<br />
  5. 5. 5.3 otros recursos<br />Hojas de estilo para “cada” navegador<br />1º resetear los estilos<br />2º diferenciar para cada navegador<br />Hacks<br />Filtros <br />Comentarios condicionales (IE)<br />Php (lo más correcto pero requiere otro tipo de conocimientos)<br />www.laramarcos.com<br />

×