Comentarios en: Como diseñar una CSS http://www.davidgarzon.com/como-disear-una-css/2008/01/02/ Cazador de recursos y frases en la web Wed, 09 Jul 2008 03:34:58 +0000 http://wordpress.org/?v=2.5 By: Oriol http://www.davidgarzon.com/como-disear-una-css/2008/01/02/#comment-577 Oriol Wed, 02 Jan 2008 15:28:32 +0000 http://www.davidgarzon.com/como-disear-una-css/2008/01/02/#comment-577 Veig un problema greu d'optimització en aquests consells: - Els comentaris incrementen el pes de la fulla d'estil i per tant la seva descàrrega - Múltiples fulles d'estil (imports) impliquen múltiples peticions al servidor, per tant o està molt justificat o fer excessius imports implica una sobrecàrrega inútil. Jo aconsellaria tenir un CSS amb tots els comentaris i floritures que vulguis a l'entorn de desenvolupament i passar-lo per un Minify o similar que elimini tot el innecessari (Espais, tabulacions, comentaris, etc.) abans de pujar-ho a producció. D'aquesta manera optimitzem la descàrrega del nostre front-end. Veig un problema greu d’optimització en aquests consells:
- Els comentaris incrementen el pes de la fulla d’estil i per tant la seva descàrrega
- Múltiples fulles d’estil (imports) impliquen múltiples peticions al servidor, per tant o està molt justificat o fer excessius imports implica una sobrecàrrega inútil.

Jo aconsellaria tenir un CSS amb tots els comentaris i floritures que vulguis a l’entorn de desenvolupament i passar-lo per un Minify o similar que elimini tot el innecessari (Espais, tabulacions, comentaris, etc.) abans de pujar-ho a producció.

D’aquesta manera optimitzem la descàrrega del nostre front-end.

]]> By: David Garzón http://www.davidgarzon.com/como-disear-una-css/2008/01/02/#comment-576 David Garzón Wed, 02 Jan 2008 15:17:50 +0000 http://www.davidgarzon.com/como-disear-una-css/2008/01/02/#comment-576 Yo si que encuentro útil "width75" si tu código lo requiere, simplemente la idea es simplificar, unificar, tal como podría ser: .col2_left { float:left; width:45%; } Aunque también es verdad que su uso abusivo es un error. Yo si que encuentro útil “width75″ si tu código lo requiere, simplemente la idea es simplificar, unificar, tal como podría ser:
.col2_left
{
float:left;
width:45%;
}
Aunque también es verdad que su uso abusivo es un error.

]]> By: Galu http://www.davidgarzon.com/como-disear-una-css/2008/01/02/#comment-575 Galu Wed, 02 Jan 2008 08:38:55 +0000 http://www.davidgarzon.com/como-disear-una-css/2008/01/02/#comment-575 Força explícit el document, tot i que no estic d'acord amb l'últim punt "Keep a library of helpful CSS classes". Si tenim en compte que el contingut ha de ser independent de la presentació, no te sentit anomenar "width75" a un element que ha d'ocupar el 75% del seu espai. Si ens trobem en aquest cas, és senyal que necessitem fer una revisió de l'estructura de l'HTML. Força explícit el document, tot i que no estic d’acord amb l’últim punt “Keep a library of helpful CSS classes”.

Si tenim en compte que el contingut ha de ser independent de la presentació, no te sentit anomenar “width75″ a un element que ha d’ocupar el 75% del seu espai.

Si ens trobem en aquest cas, és senyal que necessitem fer una revisió de l’estructura de l’HTML.

]]>