SparkPost/heml
Heml
Heml est un framework fournissant un langage de balisage personnalisé et un compilateur conçus pour générer du HTML et du CSS responsifs pour un rendu cohérent à travers les clients email. Il fonctionne comme un système pour transformer des chaînes de balisage spécialisées en modèles d'email livrables et métadonnées associées.
Le projet propose un système de composants pour définir des éléments personnalisés réutilisables et des règles de style afin de standardiser les modèles de conception. Il inclut un moteur de mise en page responsive qui convertit les structures de grille flexibles, les colonnes et les lignes en tableaux à largeur fixe et mises en page fluides compatibles.
L'ensemble d'outils couvre la gestion des métadonnées d'email pour les objets et le texte de prévisualisation, le rendu sensible à la validation pour capturer les erreurs structurelles, et un environnement de développement avec surveillance de fichiers en temps réel et prévisualisations dans le navigateur.
Features
- Email Markup Renderers - Provides a specialized markup language and renderer to generate responsive HTML and CSS for consistent email client rendering.
- Markup Compilers - Transforms specialized custom markup strings into optimized, email-compatible HTML and CSS during the build process.
- Custom Element Definitions - Implements a system for defining custom elements and tags to create a reusable library of email components.
- Email Component Libraries - Offers modular UI primitives optimized for the constraints of email-safe HTML and CSS.
- Cross-Client Email Rendering - Ensures that custom markup generates HTML and CSS that render consistently across various email service providers.
- Email Design Systems - Provides a standardized collection of modular components to maintain visual consistency in email design.
- Email Frameworks - Ships a framework for building flexible, responsive email layouts with grid structures that scale across different screen widths.
- Column-Based Responsive Grids - Converts flexible column and row definitions into fluid, email-compatible table layouts.
- Responsive Layout Engines - Implements a layout engine that automatically adapts email grid structures to fit various screen sizes.
- Email Templates - Generates responsive HTML email communications from a specialized markup-based system.
- Email - Implements a compiler that transforms custom markup strings into validated, deliverable email HTML and metadata.
- Responsive Email Design - Facilitates the creation of HTML emails that adapt fluidly to different screen sizes and clients.
- Email Header Generation - Extracts metadata from markup to automatically generate email subject lines and preview snippets.
- Real-time Generation Previews - Provides immediate visual feedback in the browser as email markup templates are edited.
- Markup Structural Validation - Captures and reports syntax and structural errors while converting custom markup into final HTML.
- Email Template Previews - Provides local rendering of email templates for instant visual verification during development.
- Inbox Preview Controls - Controls how emails appear in inbox snippets by defining subject and preview text.
- Email Style Frameworks - Provides a system of CSS patterns for controlling colors and spacing across diverse email clients.
