CSS Lint Bouton_activeCSS Lint Bouton_hoverCSS Lint Fb-hoverCSS Lint Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Fiche de Présentation RPG
CSS Lint EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
CSS Lint EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
CSS Lint EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
CSS Lint EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
CSS Lint EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
CSS Lint EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
CSS Lint EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
CSS Lint EmptyMar 07 Fév 2023, 08:40 par Oxtran

Le Deal du moment : -40%
Tefal Ingenio Emotion – Batterie de cuisine 10 ...
Voir le deal
59.99 €

Partagez
 

CSS Lint

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Espeon
Espeon
Administrateur
Administrateur

Masculin Messages : 1819



CSS Lint Empty
http://csslint.net

Un outil que j'ai découvert assez récemment et qui peut être pertinent si vous souhaitez :
  • Vérifier si votre code CSS comporte des erreurs (faute de frappe, mauvaise propriété, ...)
  • Améliorer votre CSS selon un certain nombre de bonnes pratiques reconnues


CSS Lint repère 2 choses :
  1. Les erreurs : ce sont les fautes de frappe, les mauvaises propriétés, les oublis de ; ... bref, tout ce qui va générer des erreurs dans un certain nombre de navigateurs
  2. Les warnings : ce sont des pratiques qui pourraient être améliorées, le CSS est valide mais il y a des points d'améliorations à apporter si vous le souhaitez



Personnellement je trouve cet outil extrêmement puissant car il est simple (il va droit au but) et exhaustif (l'analyse est très claire et détaillée de A à Z).


Attention cependant, leur crédo : "Will hurt your feelings (And help you code better)"
Autrement dit, ça va vous faire tout drôle quand vous vous rendrez compte qu'il y a de grandes chances que votre CSS ne soit pas si bien que ça (et oui), mais ça vous permet de vous améliorer.


A propos d'OOCSS
CSS Lint va probablement vous indiquer des choses troublantes comme
Citation :
Don't use IDs in selectors
Si ça vous semble absurde, sachez qu'il utilise des principes de CSS assez avancées que sont les notions d'OOCSS : du CSS orienté objet.

Si ça ne vous intéresse pas, sachez qu'il est très facile d'omettre des règles de validation avant de checker).

Si ça vous intéresse, sachez que ce sont des notions assez poussées de CSS, assez récentes, qui viennent un peu bousculer les vieilles "bonnes pratiques" et donnent une certaine philosophie au code CSS.


CSS Lint 32css-lint
Un code CSS passé au crible sous CSS Lint
MessageSujet: CSS Lint   CSS Lint EmptyMer 10 Oct 2012, 05:33
Revenir en haut Aller en bas
Invité
Invité




CSS Lint Empty
Espeon, un grand merci.
MessageSujet: Re: CSS Lint   CSS Lint EmptyMer 10 Oct 2012, 09:36
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



CSS Lint Empty
XD Genre, j'en ai parlé ya pas longtemps, et à toi d'ailleurs Fascicularia.
MessageSujet: Re: CSS Lint   CSS Lint EmptySam 13 Oct 2012, 09:35
Revenir en haut Aller en bas
http://www.css-actif.com
Orange
Orange
RocketMan
RocketMan

Masculin Messages : 3086



CSS Lint Empty
Super ! 108 Warnings dans la feuille de style de CSSActif.

C'est de la faute à 'Christa x)

MessageSujet: Re: CSS Lint   CSS Lint EmptySam 13 Oct 2012, 10:04
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



CSS Lint Empty
Pour information, j'ai passé le code de CSSA sur CSSLint ya un moment déjà, t'as évité les 300 erreurs que j'ai trouvé à l'origine x) Le reste c'est les warnings les moins "importants".
MessageSujet: Re: CSS Lint   CSS Lint EmptySam 13 Oct 2012, 10:17
Revenir en haut Aller en bas
http://www.css-actif.com
Orange
Orange
RocketMan
RocketMan

Masculin Messages : 3086



CSS Lint Empty
Pour une feuille de style que je traîne depuis deux versions c'est quand même honorable x)
MessageSujet: Re: CSS Lint   CSS Lint EmptyDim 14 Oct 2012, 20:33
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



CSS Lint Empty
C'est parce que je l'avais déjà corrigée U^U
MessageSujet: Re: CSS Lint   CSS Lint EmptyLun 15 Oct 2012, 02:40
Revenir en haut Aller en bas
Contenu sponsorisé




CSS Lint Empty
MessageSujet: Re: CSS Lint   CSS Lint Empty
Revenir en haut Aller en bas
 

CSS Lint

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: Codes Directement Exploitables :: Ressources CSS & HTML-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit