Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

5.Buenas Practicas (diseño con CSS)

828 views

Published on

Recomendaciones para diseñar con CSS

Published in: Design, Technology, Education
  • Be the first to comment

  • Be the first to like this

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 />

×