CSS Inlining is a form of email preprocessing that moves styles in a CSS style sheet into the body of an HTML email. The term 'inlining' refers to the fact that styles are applied 'inline' to individual HTML elements.
Thanks to unwieldy email clients like Gmail, Outlook and Apple Mail, inlining styles in rich format email is generally the most reliable method to maintain rendering compatibility across various email clients. Unfortunately, inline styles can be time-consuming to write and challenging to re-edit. Futhermore, most solutions involve inlining via online tools such as Campaign Monitor or MailChimp, or using complex and bloated desktop task-runners with inlining tools such as Juice or Roadie
CSS Inliner is a stand-alone app that makes inlining CSS trivial. Create an HTML web page with your favourite editing tool, add CSS definitions in <style> tags in the page or a separate style sheet. When you are ready to start inlining, drop the files into the app. When processed, the result is saved in a separate HTML file which can be viewed in a web browser. The process can be iterative - continue editing styles and HTML in your editing suite and re-process with CSS Inliner to update the output and refresh your browser.
Features:
- Simple process - drag and drop files, one button to process.
- Drag and drop file ordering - Inline multiple CSS files in list order
- Processes multiple HTML files, inlining the same CSS to each.
- Rinse and repeat - re-output inlined HTML again and again.
- Optionally include pseudo classes and browser instructions in generated file.
- Processes HTML files or ASP.NET presentation pages.
- Customisable DPI-aware user interface.
- File selections and settings persistent between sessions.
You might be interested to know that I have developed InkyDotNet, a C# library expanding on the functionality of this application. InkyDotNet translates Zurb Foundation For Emails Inky markup into fully responsive email output. I use it here on this site for all website email communication - go try it out at Contact me. - you'll receive an email confirmation generated with InkyDotNet. Commercial enquiries about this library are welcome.
CSS Inliner is free. It doesn't connect to the internet, gather telemetry or display advertisements. Use it and enjoy. If you would like to say thanks, consider making a donation via PayPal.
For commercial use, consider a white-label version of this app. Customisation includes your branding including app name, logo and colour scheme and removal of my own details. Contact me for details.
Download the latest version
Version History
- Program now keeps valid user settings between releases.
- Added persistent file selections between sessions
- Added option to include any defined CSS pseudo classes and browser instructions in the HTML output
- Added drag and drop file sorting
- Added a wait form for long running tasks
<style> element added before </head> OR after opening <body> OR after opening <asp:Content> OR at top of markup, whichever it finds first.
- Added wait form for long running tasks