Awesome GitHub RepositoriesMarkup Text Insertions

Ce projet est un plugin Sublime Text et une extension d'éditeur de développement web qui fonctionne comme un expanseur d'abréviations de balisage. Il permet la création rapide de blocs de code HTML et CSS structurés en transformant des jetons abrégés concis, de type CSS, en balisage complet et feuilles de style. L'outil fournit une automatisation avancée pour les workflows web, incluant la génération d'éléments HTML imbriqués, de noms de classe BEM et de préfixes vendeurs CSS. Il inclut également des utilitaires spécialisés pour générer des dégradés CSS avec des replis de compatibilité navigateur et convertir des chemins d'image en données URL encodées en base64. Au-delà de la génération de code, l'extension couvre la manipulation de la structure de balisage et la navigation. Cela inclut des capacités pour équilibrer les sélections de balises, sauter entre des paires de balises correspondantes, effectuer des calculs arithmétiques dans le code et générer du texte factice pour les tests visuels. Le système est configurable via le mappage d'alias d'abréviation, des définitions d'extraits personnalisées et des extensions de plugin pour modifier les filtres et actions internes.

Emmet est un générateur de code de balisage et une boîte à outils de productivité pour le développement web. Il sert de moteur d'expansion qui convertit des abréviations abrégées et des sélecteurs de type CSS en structures HTML, XML et autres structures de balisage complètes. Le projet dispose d'un moteur d'expansion dédié aux abréviations CSS qui transforme des codes de propriétés concis en déclarations de style complètes, incluant la génération automatique de préfixes vendeurs et de dégradés. Il se distingue par un processus d'expansion programmable via des définitions de snippets personnalisés, le mappage d'alias d'abréviations et une extensibilité par script. La boîte à outils couvre un large éventail de capacités, notamment la génération de balisage avec multiplication d'éléments et numérotation itérative, ainsi que des utilitaires d'éditeur pour la navigation structurelle et la sélection équilibrée de balises. Elle fournit également des outils pour la création de feuilles de style CSS, l'ajustement de valeurs numériques et la gestion des médias pour la conversion de données d'image en URL et la mise à jour des dimensions.