Bienvenue à Blogs CodeS-SourceS Identification | Inscription | Aide

Atteint de JavaScriptite Aiguë [Cyril Durand]

Expert ASP.net Ajax et WCF, Cyril Durand parle dans son blog de point techniques sur ASP.net, ASP.net Ajax, JavaScript, WCF et .net en général. Cyril est également consultant indépendant, n'hésitez pas à le contacter pour de l'assistance sur vos projets

Actualités

  • Blog de Cyril DURAND, passionné de JavaScript, Ajax, ASP.net et tout ce qui touche au developpement Web Client-Side.

    N'hésitez pas à me contacter pour vos projets .net : architecture, accompagnement, formation, ...

    View Cyril Durand's profile on LinkedIn
    hit counters


    Expertise Commerce server et BizTalk

Optimisation de vos feuilles de styles
Maintenant que vous êtes tous convaincu de l'efficacité et utilité des feuilles de styles, il reste a bien optimisé vos feuilles :-)
 
Tout à l'heure on "m'appelle" sur msn pour un problème CSS, je regarde le code et avec horreur je vois des :

padding-left
: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-top: 0px;
 
qui est strictement équivalent à :
 
padding: 0;
voici donc quelques raccourcis CSS bien pratique : http://www.babylon-design.com/site/index.php/2005/01/16/57-les-raccourcis-css au fil du temps vous découvrirez beaucoup de petites astuces du genre ;-)
 
vous pouvez aussi compresser vos CSS avec le handler de poppyto
Posted: mardi 21 février 2006 18:47 par cyril
Ce post vous a plu ? Ajoutez le dans vos favoris pour ne pas perdre de temps à le retrouver le jour où vous en aurez besoin :

Commentaires

Poppyto a dit :

Pinaise tu connais pas un soft qui supprime les doublons des css ? (en ne gardant que les dernières évidemment :o) ). Quoique peut-être qu'avec javascript on peut retrouver la feuille de style sans doublons ?

Le lien pour le handler est pas bon :-P.

Note que l'astuce de padding est aussi ok avec margin :)

# février 21, 2006 20:23

cyril a dit :

Mouarf pour l'url : j'ai updaté :)


Je connais aucun soft qui supprime les doublons CSS, et on pourrait meme encore faire mieux que supprimer les doublons en supprimant carrement les propriétés qui surcharge inutilement les propriétés des parents :p

en js on peut récuperer la style associé en passant par la méthode

Element.getStyle (prototype est evidement requis)

getStyle: function(element, style) {
element = $(element);
var value = element.style[style.camelize()];
if (!value) {
if (document.defaultView && document.defaultView.getComputedStyle) {
var css = document.defaultView.getComputedStyle(element, null);
value = css ? css.getPropertyValue(style) : null;
} else if (element.currentStyle) {
value = element.currentStyle[style.camelize()];
}
}

if (window.opera && ['left', 'top', 'right', 'bottom'].include(style))
if (Element.getStyle(element, 'position') == 'static') value = 'auto';

return value == 'auto' ? null : value;
}

# février 21, 2006 21:08

Poppyto a dit :

Bon apparemment c'est toujours pas la bonne url !

http://www.aspfr.com/codes/COMPACTEZ-VOS-CSS_35055.aspx

>Je connais aucun soft qui supprime les
>doublons CSS, et on pourrait meme encore
>faire mieux que supprimer les doublons en
>supprimant carrement les propriétés qui
>surcharge inutilement les propriétés des
>parents :p

J'avais commencé à en écrire un mais j'ai lâchement abandonné car j'ai du repasser dans un projet plus important :P.Moyennant quelques regexp et un dictionnaire de données, il doit y avoir moyen de coder l'algo en quelques dizaines de lignes...^^

Stef
# février 21, 2006 23:23

Poppyto a dit :

Au fait : camelize() ça sert à quoi ?
# février 21, 2006 23:23

Nip a dit :

Bon les optimisations de feuille de style, je veux bien; dans l'exemple que tu donnes avec les padding, c'est evident, par contre sur le site babylon-design, je ne suis pas tout a fait convaincu: je trouve qu'on perd enormement en lisibilite contrairement a ce qui est annonce en tete d'article, surtout quand on commence a avoir plusieurs attributs (pas pour l'attribut margin, mais pour background, c'est flagrant).
# février 21, 2006 23:56

cyril a dit :

c'est surtout une question d'habitude :)
# février 22, 2006 00:07

Nip a dit :

L'habitude, c'est bien quand c'est partage par tous les developpeurs...
Et en tant que CSSien occasionnel, ce n'est malheureusement pas mon cas :), mais au moins je le saurais maintenant, et c'est deja pas mal ;).
# février 22, 2006 01:32
Les commentaires anonymes sont désactivés

Les 10 derniers blogs postés

- SPS Paris 2015 – Back from MS Ignite par Le blog de Patrick [MVP Office 365] le 05-26-2015, 16:04

- Windows 10 IOT– exploitez vos capteurs en tout genre ! par Blog de Daniel TIZON [daniel] le 05-26-2015, 08:06

- SharePoint Saturday Paris 2015 c’est le 30 mai ! par Le blog de Patrick [MVP Office 365] le 05-25-2015, 21:07

- Configurer un écran 5 pouces 800x480 pour Raspberry Pi2 sous Windows 10 IOT par Blog de Daniel TIZON [daniel] le 05-22-2015, 07:52

- Office 365 : Sway est disponible en preview par Le petit blog de Pierre / Pierre's little blog le 05-21-2015, 22:24

- Première installation de Raspbian sur RASPBERRY Pi 2 par Blog de Daniel TIZON [daniel] le 05-14-2015, 22:17

- Mobile Day : c’est le 25 et c’est chez Microsoft! par Fathi Bellahcene le 05-13-2015, 23:48

- TFS 2013 : Migration d’une ferme TFS 2010 vers 2013 sans upgrade par Blog Technique de Romelard Fabrice le 05-01-2015, 16:28

- [ #SharePoint 2016 ] frappe à nos portes ! (1/2) par Le blog de Patrick [MVP Office 365] le 04-19-2015, 23:21

- Lync devient Skype Entreprise par Le petit blog de Pierre / Pierre's little blog le 04-18-2015, 22:47