Is there a way to convert a Bootstrap CSS style HTML page to HTML compliant html?
Is there a way to convert a Bootstrap CSS style HTML page to an html compliant form? I see there are completely different CSS frameworks like Ink to create email-compatible HTML, but there is a flow for creating an email that doesn't require using a different CSS framework? Is there a good HTML -> PDF -> HTML email flow? Or any other thread?
source to share
No, for several reasons ...
First, there is no robust CSS or HTML with email. Clients are all over the place in terms of CSS support and how they render HTML, so this is a structural-semantic issue. This is not about transforming classes, but about completely changing the structure of HTML.
As explained in this CSS Tricks post , the typical solution is ol-skool techniques such as table layouts, requiring you to completely restructure your existing HTML. You also need to add some client hacks.
Second, and more importantly, you don't have to send everything on an existing page as email . Even if it's a subscriber newsletter, people probably won't read it. Instead, create a short and nice 1-column template to peek into the latest headlines and minimal information they care about the most, with links to articles or even a PDF version online.
Finally, many email clients will not automatically download images. If you try to upload a static image of an existing page, most people won't see it by default. If you send everything, they will see a blank email and delete it immediately. Best practices for accessibility are also applied here - no actual text means anything to screen readers, let alone people who turn off HTML emails in favor of plain text.
A better approach, as described above, are images with minimal meaningful text below that are sure to get your recipients. Stick to a 1-column layout to make it easier to create a responsive layout.
Some additional links:
http://www.lireo.com/responsive-html-email/
http://www.emailonacid.com/blog/details/C13/a_responsive_design_tutorial
http://rmion.com/responsive-html-email/
http://webdesign.tutsplus.com/articles/creating-a-simple-responsive-html-email--webdesign-12978
source to share