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

- SharePoint 2013: Préparation de la migration - Création des site Templates dans 2010 et 2013 par Blog Technique de Romelard Fabrice le 08-20-2014, 16:31

- [ #Yammer ] How to change interface language ? Comment changer la langue de l’interface ? par Le blog de Patrick [MVP SharePoint] le 08-20-2014, 14:21

- Onedrive Sync Engine Host : CPU à 100% par Le petit blog de Pierre / Pierre's little blog le 08-06-2014, 22:22

- SharePoint : Bug sur la gestion des permissions et la synchronisation Office par Blog Technique de Romelard Fabrice le 07-10-2014, 11:35

- SharePoint 2007 : La gestion des permissions pour les Workflows par Blog Technique de Romelard Fabrice le 07-08-2014, 11:27

- TypeMock: mock everything! par Fathi Bellahcene le 07-07-2014, 17:06

- Coding is like Read par Aurélien GALTIER le 07-01-2014, 15:30

- Mes vidéos autour des nouveautés VS 2013 par Fathi Bellahcene le 06-30-2014, 20:52

- Recherche un passionné .NET par Tkfé le 06-16-2014, 12:22

- [CodePlex] Projet KISS Workflow Foundation lancé par Blog de Jérémy Jeanson le 06-08-2014, 22:25