Tutoriel CSSEdit: Les bases
CSSEdit est, comme son nom l'indique, un éditeur CSS pour Mac. Il a fait un bond en avant dans la dernière version et est maintenant l'une des meilleures applications disponibles sur Mac pour les concepteurs. CSSEdit est créé par les grands délateurs de MacRabbit, qui sont également responsables de DeskShade.
L'une des fonctionnalités les plus puissantes de CSSEdit est l'interface simple, facile à naviguer et magnifique. Même les personnes qui n'ont aucune expérience dans le style des pages Web peuvent trouver leur chemin dans cette application étonnante et créer de superbes pages Web. Dans ce didacticiel, nous allons examiner l'interface et comment en tirer le meilleur parti.
Explorez Envato Elements
La fenêtre principale
La fenêtre principale comprend trois sections principales, la première section (à gauche) est la section des styles. Ici, vous pouvez voir tous les styles que vous avez appliqués à votre site. La section du milieu est l'éditeur réel de l'application, ici vous faites tout le codage de votre fichier css avec la fonction de complétion de code toujours utile. La section de droite est un moyen de styliser votre page sans rien coder. Vous pouvez taper ou sélectionner avec des listes déroulantes comment vous souhaitez styler un certain élément et le code est inséré pour vous. C'est une excellente fonctionnalité pour toute personne nouvelle dans CSS ou toute personne qui ne sait pas comment coder une certaine technique.
La barre d'outils
La barre d'outils de CSSEdit possède certaines des meilleures fonctionnalités de l'application et est donc beaucoup utilisée, en particulier dans une utilisation plus avancée, nous allons parcourir chaque icône de la barre d'outils une par une et j'expliquerai ce que chacune fait.
Le long du côté gauche de la barre d'outils, il y a 5 outils, le premier est la nouvelle fonctionnalité de style, cela vous permet d'ajouter un nouveau style à votre feuille de style assez facilement. Le second vous permet de regrouper certains styles dans un dossier pour en faciliter la navigation. Le troisième est un moyen simple d'ajouter un commentaire dans votre feuille de style sans avoir à le coder à la main. Le quatrième est une façon plus avancée de styliser les éléments, il vous permet de styliser un certain élément partout où il apparaît dans votre feuille de style. Avec ces quatre fonctionnalités, aucun codage n'est nécessaire, CSSEdit fait tout pour vous. La cinquième fonctionnalité est une fonction de recherche simple, utile si vous avez une très grande feuille de style.
Le côté droit de la barre d'outils contient certaines des fonctionnalités les plus avancées de CSSEdit. Le premier vous permet d'insérer un lien vers la feuille de style dans un fichier HTML, cela affecte au fichier HTML le fichier CSS pour le styliser. La seconde est un moyen de prévisualiser votre page Web sans avoir à ouvrir un navigateur Web externe. Le troisième est appelé Jalons, c'est un moyen de sauvegarder votre progression actuelle dans la feuille de style, vous permettant de revenir en arrière en cas d'erreur. La quatrième est un moyen de valider votre CSS et l'icône finale vous permet de changer les trois colonnes de l'interface principale que vous pouvez voir, ce qui signifie que si vous ne pouvez pas coder, vous pouvez simplement modifier votre CSS sans codage nécessaire.
Si vous n'avez pas cette application, en tant que développeur Web, je vous suggère sérieusement d'en lire plus sur MacRabbit. C'est vraiment le nec plus ultra en matière de création de feuilles de style.
