[Débat][Idée] CSS personnalisées en local

Bonjour,

je viens vous communiquer une idée que j'ai eu pour débattre avec vous de son intérêt et de sa faisabilité. J'ai hésité à mettre cette discussion sur la taverne mais je me suis dit que c'était limité aux CSS et donc à sa place ici.

J'étais en train de me battre avec un affichage différent sous IE6 et Firefox et je me disais que c'était quand même dommage de ne pas pouvoir identifier les éléments CSS sur sa page web (du genre pointer sa souris sur un texte, savoir la classe qui lui est attribuée et voir que le style appliqué est blablabla). La seule chose qu'on peut faire c'est désactiver l'utilisation de style. De même je me suis dit que c'était quand même lourd de devoir aller éditer la CSS, l'enregistrer puis rafraichir la page pour voir si la modification se comporte bien comme je le voulais.

Alors je me suis dit : "et si on appliquait systématiquement une CSS en dernier, CSS personnelle à chacun ?". Cette feuille de style serait appliquée en dernier donc tout style s'appliquerait, écrasant les précédents. Par contre si rien n'est défini, le style prévu à l'origine s'applique.

Concrètement je verrais ça de 2 façons différentes :

- une extension Firefox qui ajoute une CSS personnalisée, définie en local, à la suite des déclarations CSS. Cette extension permettrait d'obtenir facilement les classe/id et styles qui s'appliquent à chaque élément de la page et de modifier les styles, en enregistrant ces modifications dans une CSS personnalisée en local

- un tag HTML du genre <personnal-css-allowed/> à la suite des déclarations CSS et qui autoriserait l'explorateur Internet à appliquer une CSS personnelles du visiteur à la page.

Une CSS personnalisée serait définie sur une url et toute page qui commence par cette url se verrait appliquée cette CSS supplémentaire. Par exemple
- une CSS serait appliquée sur toutes les pages commençant par http://www.developpez.net/
- une CSS serait appliquée sur toutes les pages commençant par http://www.developpez.net/forums/ et s'appliquerait après celle appliquée sur les pages commençant par http://www.developpez.net/
etc. Le principe du Cascading quoi.

Vous imaginez ? Votre Webmail a des couleurs criantes désagréables ? hop, vous les changez à votre goût. Un site ne s'affiche pas bien sur votre micro portable à résolution 16000 x 300 ? Hop on redimensionne et on réorganise.

Le top du top serait de pouvoir modifier les styles, les dimensions et les positionnements à la souris, comme sur netvibes.

Voila, je sais que ça fait un peu mon-projet-que-je-fais-au-lieu-de-réviser-mon-brevet-et-j-aurai-besoin-de-développeurs-pour-faire-le-boulot mais j'aimerais bien votre avis sur cette idée et si vous trouveriez utile ce genre d'extension.

Merci

Salut,

Ca existe déjà et ça s'appelle web developper

Il y a aussi FireBug comme extension FF, qui te permet de modifier ton code (scripts, html et css) en direct dans ton navigateur afin de voir en temps réel les changements apportés.

Très pratique comme plugin, vraiment utile pour le dev!

;)

Sinon sur Firefox tu peux créer des CSS personnalisées pour chacun des sites que tu visites.

Exemple sur WinXP :

Aller dans Documents and Settings > %user% > Application Data > Mozilla > Firefox > Profiles > %nom profil% > chrome

Créer un fichier userContent.css

Dans celui-ci, faire :

Code:

@import url("dvp.css");

Créer un fichier dvp.css au même endroit et écrire dedans :
Code:

1 2 3 4 5 6 7 8 9 10 11 @-moz-document url-prefix(http://www.developpez.net/forums/) { * { background:red!important; } }
Redémarrer Firefox et admirer.

Désolé pour le graphisme, c'est pas mon fort.

Ah bon, ça existe déjà. D'un côté ça me rassure, ça veut dire que l'idée était bonne. ;)

Bon je vais me mettre en quête de ces merveilleuses extensions qui m'ont l'air très prometteuses.

Merci