Resources

Resources that you can use to enhance your Maizzle development workflow.

Know of a resource that we should list here? Let us know.

Editor extensions

Extensions that can enhance your Maizzle development workflow.

VS Code

• Tailwind CSS IntelliSense - Intelligent Tailwind CSS tooling for VS Code.
• PostHTML Snippets - Autocomplete for PostHTML tags.

Sublime Text

• Tailwind CSS Autocomplete - Tailwind CSS Autocomplete for Sublime Text.

Atom

• autocomplete-tailwind - Tailwind CSS autocompletion provider for Atom.

Nova

• Tailwind CSS Extension - Tailwind CSS Extension for Panic's Nova Code Editor.

Tools

These are some web apps that you can use with any HTML email, not just the ones that you create with Maizzle.

• Parcel - online code editor built for email development
• Can I email - check email client support for HTML and CSS features
• mailto: Link Generator - generate mailto: links with pre-filled fields
• Calendar Link Generator - generate "add event" links for popular calendar services
• How to Target Email Clients - CSS selectors to help you target and style emails for specific email clients

Plugins

• tailwindcss-mso - a Tailwind CSS plugin that generates MSO utilities
• tailwindcss-email-variants - Tailwind CSS plugin that provides variants for email client targeting hacks used in HTML emails.
• tailwindcss-box-shadow - Tailwind CSS plugin that generates shadow utilities exactly as you have them defined in your theme config.

Presets

• tailwindcss-preset-email - a Tailwind CSS config preset that changes some utility classes to use values that are better supported in email clients. It also includes all of the plugins above and is used by default in Maizzle.