Labo CSS

Fermé
gaboueb - 19 févr. 2009 à 13:29
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 - 19 févr. 2009 à 14:34
Bonjour,

Je me permet de vous soumettre le site suivant : http://labocss.free.fr

Labo CSS : un outil en ligne de création interactive de feuille de style CSS.
Pour les débutants : permet l'expérimentation dynamique des propriétés et sélecteurs.
Pour les webmaster expérimentés : permet de réaliser en toute simplicité une mise en page complète en CSS.

L'ensemble de sélecteurs et propriétés CSS 2 sont reconnus.

Sélecteurs :

sélecteurs d'éléments
sélecteurs d'éléments imbriqués
sélecteurs de classes et d'id
sélecteurs de pseudo-éléments
sélecteurs de pseudo-classes

Propriétés regroupées en catégories :
- Police
- Fond
- Dimensions
- Positionnement
- Marges
- Tables et listes


Opérationnel sur Firefox, Explorer Safari et autres.

2 réponses

Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
19 févr. 2009 à 13:43
salut,

deux <h1> consécutifs, un tableau pour la mise en page…

tu veux faire quoi avec ça ?
0
Bonjour,

Il ne faut peut-être pas s'arrêter à la page d'accueil qui n'a rien d'essentiel. Je vous suggère donc une petite expériementation avant d'emettre un jugement hatif. Jeter un oeil sur les deux tutoriaux permettra une prise en main rapide.

Bonnes expérimentations
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
19 févr. 2009 à 14:08
un éditeur HTML/CSS en ligne…
ça reste un gadget.
si tu y ajoutes beaucoup de contenu technique ça te fera sans doute un site très intéressant.

mais là ?
mieux vaut pour débutant comme pour expérimenté, installé Web Developper et/ou FireBug sur FF.
ça fait la même chose et bien plus encore, en étant plus rapide et plus simple d'utilisation.

c'est pour ça que je trouve que c'est un gadget, avec du contenu autour pourquoi pas mais tout seul…

quand à ton code HTML de présentation, pardon mais c'est quand même pas un détail…
tu vas jusqu'à simuler un tableau avec des <ul> pour afficher des données tabulaires, c'est simplement ridicule.

tu affiches du code "valide" c'est bien joli mais ça ne sert à rien si tu ne respectes pas un minimum la sémantique de ton document.
et c'est encore plus valable pour un outil qui se veut pédagogique.
0
Firebug est certes un outil indispensable pour tout développeur, mais n'a pas pour fonction d'éditer une css dynamiquement.

Il existe des outils comparables dans des logiciels comme dreamweaver, mais il est indispensable de passer par un navigateur pour visualiser le rendu, d'où l'utilité d'un outil en ligne avec visualisation immédiate du rendu.

A noter que cet outil a été développé dans un but pédagogique, à destination d'étudiants en conception de site.
Il a essentiellement pour vocation d'expérimenter le fonctionnement des sélecteurs et propriétés interactivement.

Pour ce qui est de la page d'accueil pour ma part il s'agit de données tabulaires mettant en parallèle les deux aspects sélecteur - propriétés, ce qui peut certes se discuter sur le plan sémantique.

Quant à l'ajout de contenu, ça n'est pas la vocation du site de présenter un cours sur les CSS, sujet amplement traité sur bien des sites de références.
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920 > gaboueb
19 févr. 2009 à 14:34
Firebug est certes un outil indispensable pour tout développeur, mais n'a pas pour fonction d'éditer une css dynamiquement.
tu n'as pas dû assez cherché.
non seulement il le fait mais mieux que dans nos rêves !

auto-complétion, modification des valeurs numériques avec les flèches.
on trouvera difficilement plus interactif ou mieux pour expérimenter.

WD le fait aussi mais en moins bien, à part qu'il propose l'enregistrement de la CSS.
0