Labo CSS
gaboueb
-
Dalida Messages postés 7114 Statut Contributeur -
Dalida Messages postés 7114 Statut Contributeur -
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.
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.
A voir également:
- Labo CSS
- Logiciel labo photo - Télécharger - Retouche d'image
- Css download - Télécharger - HTML
- Enlever soulignement lien css ✓ - Forum CSS
- Enlever le soulignement d'un lien css ✓ - Forum Réseaux sociaux
- Css ligne horizontale ✓ - Forum CSS
2 réponses
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.
ç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.
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.
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.
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.
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.
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