Cookie

Pour ceux qui ne connaissent pas, gedit est l'éditeur de texte de votre choix pour une distribution Linux basée sur Gnome. Il est préinstallé sur la plupart des distributions Linux, à l'exception de celles basées sur différents gestionnaires de fenêtres Gnome (Où, xfce, lumières, etc.). Il est principalement utilisé pour l'édition de fichiers de configuration pour le système, mais prend en charge un grand nombre de langages de programmation et est extensible avec des plugins dédiés.

Pour cette raison,, avant utilisation Supports, J'ai utilisé Gedit également pour l'édition HTML et CSS.

C'est gedit.

gedit

L'interface utilisateur de gedit, avec la sélection de la langue.

Codage Zen” il s'agit plutôt d'une nouvelle façon, plus rapide, à écrire en HTML. Plugins officiels (téléchargé à partir du référentiel: http://code.google.com/p/zen-coding/) sont publié sous la licence MIT, mais il ne sont pas aussi répertoriés dans le dépôt officiel, y compris une paire de gedit: Plugin Frank Marcias et à Mike Crittenden.

En fait les deux sont plug-in et l'installation des deux est assez similaire élémentaire, juste que vous êtes familier avec les fichiers et dossiers. Je ne vais pas aller dans un tutoriel sur l'installation un ou l'autre, deux procédures sont bien documentés sur leur GitHub, Je voudrais plus que tout de se concentrer sur le fonctionnement du plugin lui-même.

Supposons que vous voulez créer un en-tête de page HTML et la navigation d'un site. Normalement c'est ce que je voudrais écrire “a mano”:

<div id ="page">
        <div class ="logo"></div>
        <ul id ="navigation">
                <li><a href =""></une></li>
                <li><a href =""></une></li>
                <li><a href =""></une></li>
                <li><a href =""></une></li>
                <li><a href =""></une></li>
        </st>
</div>

Avec le codage zen au lieu d'écrire une seule ligne d'instructions, qui seront interprétées et détendu dans la façon dont nous savons:

div # page>div.logo   ul # navigation>que 5 *>une

L'explication est simple et essentiel, il suffit de comparer les deux codes. Dans la pratique, le premier terme définit un tag, si elle est suivie par “#terme” définir l'identifiant des balises connexes tels que “terme”, si nous suivons le symbole “moins” (>) tag qui va suivre sera la première balise enfant. Si nous suivons le symbole “+” l'étiquette qui suit sera “frère”. Vous pouvez ensuite spécifier un nombre de répétitions de la même étiquette (et, éventuellement, leurs attributs), le multipliant par un nombre de choix (“que 5 *”).

Sur référentiel Google di Zen Coding, Nous pouvons trouver une liste de tous les scénarios possibles. C'est une page de garder dans les favoris.


TheJoe

Je garde ce blog comme un hobby par 2009. Je suis passionné de graphisme, la technologie, logiciel Open Source. Parmi mes articles ne sera pas difficile de trouver de la musique, et quelques réflexions personnelles, mais je préfère la ligne directe du blog principalement à la technologie. Pour plus d'informations me contacter.

Laisser un commentaire

Votre adresse email ne sera pas publiée. les champs requis sont indiqués *

Ce site utilise Akismet pour réduire le spam. Découvrez comment vos données de commentaire est traité.