Traduit de: Smashing Magazine
中文: Codage zen: une méthode pour écrire rapidement le code HTML / CSS
Veuillez respecter le droit d'auteur, veuillez indiquer la source lors de la réimpression!
Dans cet article, nous montrerons une nouvelle façon de développer rapidement HTML et CSS en utilisant la syntaxe qui imite les sélecteurs CSS. Il a été développé par Sergey Chikuyonok. Combien de temps passez-vous à écrire du code HTML (y compris toutes les balises, attributs, références, accolades, etc.)? Si votre éditeur a des invites de code, ce sera plus facile lorsque vous l'écrirez, mais même ainsi, vous devez toujours taper manuellement beaucoup de code.
Dans JavaScript, lorsque nous voulons obtenir un élément spécifique sur une page, nous rencontrons le même problème, nous devons écrire beaucoup de code, ce qui rend difficile le maintien et la réutilisation. Les cadres JavaScript ont émergé et ils ont également introduit le moteur Sélecteur CSS. Vous pouvez maintenant utiliser des expressions CSS simples pour obtenir des éléments DOM, ce qui est assez cool.
Mais que se passe-t-il si vous pouviez non seulement utiliser le sélecteur de CSS pour disposer et localiser des éléments, mais aussi générer du code ? Par exemple, si vous écrivez ceci:
Div # Contenu> H1 + P
& hellip; alors vous pouvez voir la sortie comme ceci:
<div id = "contenu">
<h1> </h1>
<p> </p>
</div>