premailer-rails - CSS styled emails without the hassle.

  •        53

CSS styled emails without the hassle. This gem is a drop in solution for styling HTML emails with CSS without having to do the hard work yourself.

https://github.com/fphilipe/premailer-rails

Tags
Implementation
License
Platform

   




Related Projects

inline_svg - Embed SVG documents in your Rails views and style them with CSS

  •    Ruby

Styling a SVG document with CSS for use on the web is most reliably achieved by adding classes to the document and embedding it inline in the HTML. This gem adds a Rails helper method (inline_svg) that reads an SVG document (via Sprockets, so works with the Rails Asset Pipeline), applies a CSS class attribute to the root of the document and then embeds it into a view.

PreMailer

  •    CSharp

C# Library for moving CSS to inline style attributes, to gain maximum E-mail client compatibility.Sometimes it's handy to reference external style sheets with a <link href="..." /> element. PreMailer will download and use external style sheets as long as the value of href ends with .css.

gulp-inline-css - Inline linked css in an html file. Useful for emails.

  •    Javascript

Inline your CSS properties into the style attribute in an html file. Useful for emails. Inspired by the grunt plugin grunt-inline-css. Uses the inline-css module.

email-templates - :mailbox: Create, preview, and send custom email templates for Node

  •    Javascript

Create, preview, and send custom email templates for Node.js. Highly configurable and supports automatic inline CSS, stylesheets, embedded images and fonts, and much more! Made for sending beautiful emails with Lad.NEW: v3.x is released (you'll need Node v6.4.0+); see breaking changes below. 2.x branch docs available if necessary.

laravel-mail-css-inliner - Inline the CSS of your HTML emails using Laravel

  •    PHP

Most email clients won't render CSS (on a <link> or a <style>). The solution is inline your CSS directly on the HTML. Doing this by hand easily turns into unmantainable templates. The goal of this package is to automate the process of inlining that CSS before sending the emails. Using a wonderful CSS inliner package wrapped in a SwiftMailer plugin and served as a Service Provider it just works without any configuration.


twitter-bootstrap-rails - Twitter Bootstrap for Rails 5 - 4.x Asset Pipeline

  •    HTML

Bootstrap is a toolkit from Twitter designed to kickstart development of web apps and sites. It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more. Twitter Bootstrap Basics in this episode you will learn how to include Bootstrap into Rails application with the twitter-bootstrap-rails gem.

autoprefixer-rails - Autoprefixer for Ruby and Ruby on Rails

  •    Ruby

Autoprefixer is a tool to parse CSS and add vendor prefixes to CSS rules using values from the Can I Use database. This gem provides Ruby and Ruby on Rails integration with this JavaScript tool. The best way to use Autoprefixer is with webpack or Gulp.

grunt-email-workflow - A Grunt workflow for designing and testing responsive HTML email templates with SCSS

  •    CSS

Designing and testing emails is a pain. HTML tables, inline CSS, various devices and clients to test, and varying support for the latest web standards. This Grunt task helps simplify things.

transactional-email-templates - Responsive transactional HTML email templates

  •    HTML

Transactional HTML emails often get neglected. Styling HTML email is painful. Tables, inline CSS, unsupported CSS, desktop clients, web clients, mobile clients, various devices, various providers.We’ve tried to remove some of the pain for you and open-sourced a collection of common templates for transactional email.

react-inline - Transform inline styles defined in JavaScript modules into static CSS code and class names so they become available to, e

  •    Javascript

Note: Thanks to the new possibilities of Babel v6+, there's also my babel-plugin-css-in-js project, which works exactly the same but doesn't require a separate CLI/API. If you're using Babel for code transpilation, just put babel-plugin-css-in-js in your build pipeline. Transform inline styles defined in JavaScript modules into static CSS code and class names so they become available to, e.g. the className prop of React elements.

foundation-rails - Foundation for Rails

  •    CSS

Foundation::Rails is a gem that makes it super easy to use Foundation in your upcoming Rails project. Generating Haml or Slim versions of the markup can be done by appending the --haml or --slim option to the above command.

react-webpack-rails-tutorial - Example of integration of Rails, react, redux, using the react_on_rails gem, webpack, enabling the es7 and jsx transpilers, and node integration

  •    Javascript

If your team might need my help, please email me for a free half-hour project consultation, on anything from React on Rails to any aspect of web or mobile application development for both consumer and enterprise products. Thank you for considering using React on Rails.

Radium - A toolchain for React component styling

  •    Javascript

Radium is a set of tools to manage inline styles on React elements. It gives you powerful styling capabilities without CSS.

active_link_to - Rails view helper to manage "active" state of a link

  •    Ruby

Creates a link tag of the given name using a URL created by the set of options. Please see documentation for link_to, as active_link_to is basically a wrapper for it. This method accepts an optional :active parameter that dictates if the given link will have an extra css class attached that marks it as 'active'. When installing for Rails 3/4/5 applications add this to the Gemfile: gem 'active_link_to' and run bundle install.

react-html-email - Create elegant HTML email templates using React.

  •    Javascript

Modern HTML emails are a tangle of archaic HTML and inline styles. This library encapsulates the cruft into simple React components and helps avoid common pitfalls. react-html-email provides a set of components for a standard 600px table layout (inspired by HTML Email Boilerplate). React's Supported Tags and Attributes are extended to include a few deprecated attributes useful for legacy clients. In addition, a style prop validator is included which uses Campaign Monitor's CSS Support Guide to check for potential compatibility issues across email clients.

less-rails-bootstrap - The most popular front-end framework for developing responsive, mobile first projects on the web for Rails asset pipeline

  •    Ruby

Bootstrap is Twitter's toolkit for kickstarting your site or app's CSS. It includes base styles for typography, forms, buttons, tables, grid layout, navigation, alerts, and more. To get started -- check out the Bootstrap docs. The less-rails-bootstrap project hooks into less-rails and less.rb, making Bootstrap's source LESS files, compiled CSS, and JavaScript files available in the Rails 3.x and 4.x asset pipeline.

exception_handler - 💣 Exception Handler 💣 - Custom Rails 4 & 5 error pages (40x/50x errors)

  •    Ruby

With 180,000+ downloads, it is the *only* gem to provide custom 400/500 exception pages for Rails 4 + 5... Following explains how it works. If you need further support, please feel free to email rpeck@frontlineutilities.co.uk...

critters - 🦔 A Webpack plugin to inline your critical CSS and lazy-load the rest.

  •    Javascript

Critters is a Webpack plugin that inlines your app's critical CSS and lazy-loads the rest. It's a little different from other options, because it doesn't use a headless browser to render content. This tradeoff allows Critters to be very fast and lightweight. It also means Critters inlines all CSS rules used by your document, rather than only those needed for above-the-fold content. For alternatives, see Similar Libraries.