GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → Slicejack → Bojler

Slicejack / Bojler

Licence: mit
Bojler is an email framework

Labels

cssframeworkscssemailgridcss-frameworktemplatesutilitiestypographyemail-templatereset

Projects that are alternatives of or similar to Bojler

Baseguide
Lightweight and robust CSS framework for prototyping and production code.
Stars: ✭ 127 (-85.65%)
Mutual labels:  framework, grid, scss
Primitive
⛏️ ‎ A front-end design toolkit for developing web apps.
Stars: ✭ 783 (-11.53%)
Mutual labels:  framework, css-framework, scss
Gutenberg
Modern framework to print the web correctly.
Stars: ✭ 4,425 (+400%)
Mutual labels:  framework, css-framework, scss
Flexible Grid
Flexible grid layouts to get you familiar with building within the flexible grid system.(HTML, CSS, SASS, SCSS)
Stars: ✭ 154 (-82.6%)
Mutual labels:  css-framework, grid, scss
Pine
A modular and lightweight, responsive email framework.
Stars: ✭ 98 (-88.93%)
Mutual labels:  framework, email, email-template
Lemon
🍋 Minimal and responsive CSS framework for fast building websites.
Stars: ✭ 51 (-94.24%)
Mutual labels:  framework, css-framework, grid
Interior
Design system for the modern web.
Stars: ✭ 77 (-91.3%)
Mutual labels:  typography, grid, scss
Framy Css
Very simple CSS Framework
Stars: ✭ 103 (-88.36%)
Mutual labels:  framework, css-framework, grid
Buttercake
Material Design Components, Responsive and Modern CSS Framework Built with Flexbox 🍰
Stars: ✭ 178 (-79.89%)
Mutual labels:  framework, css-framework, scss
Lemonade
simple flexible grid
Stars: ✭ 457 (-48.36%)
Mutual labels:  grid, scss
Neat
Neat is maintained by the thoughtbot design team. It is funded by thoughtbot, inc. and the names and logos for thoughtbot are trademarks of thoughtbot, inc.
Stars: ✭ 4,506 (+409.15%)
Mutual labels:  grid, scss
Premailer.net
C# library that moves your stylesheets to inline style attributes, for maximum compatibility with E-mail clients.
Stars: ✭ 503 (-43.16%)
Mutual labels:  email, email-template
Heml
HEML is an open source markup language for building responsive email.
Stars: ✭ 4,264 (+381.81%)
Mutual labels:  framework, email
Siimple
The minimal CSS toolkit for flat and clean designs
Stars: ✭ 502 (-43.28%)
Mutual labels:  css-framework, scss
Cerberus
A few simple, but solid patterns for responsive HTML email templates and newsletters. Even in Outlook and Gmail.
Stars: ✭ 4,356 (+392.2%)
Mutual labels:  email, email-template
Typesettings
A Sass or Stylus toolkit that sets type in Ems based on modular scale, vertical rhythm, and responsive ratio based headlines.
Stars: ✭ 380 (-57.06%)
Mutual labels:  typography, scss
Nhsuk Frontend
NHS.UK frontend contains the code you need to start building user interfaces for NHS websites and services.
Stars: ✭ 511 (-42.26%)
Mutual labels:  css-framework, scss
Boilerform
Boilerform is a little HTML and CSS boilerplate to take the pain away from working with forms.
Stars: ✭ 679 (-23.28%)
Mutual labels:  scss, reset
Cirrus
☁️ The CSS framework for the modern web.
Stars: ✭ 716 (-19.1%)
Mutual labels:  css-framework, scss
Jmcs
Java framework to homogenize your GUI across all the 3 main desktop OS, and further integrates your app to them.
Stars: ✭ 5 (-99.44%)
Mutual labels:  framework, utilities
View All Similar Projects ➔

Bojler Heading

GitHub release Travis Github All Releases GitHub code size in bytes GitHub issues GitHub closed issues license

What is Bojler ?

Bojler is an email framework for developing responsive and lightweight email templates that will render correctly across each of the most popular email clients.

If you have experience with email template development, you know how painful it is to build a perfect email template that works across all email clients.

To make it easier for you to develop responsive and lightweight email templates we have created Bojler.

Project documentation 📖

Full project documentation can be found at https://bojler.slicejack.com/.

Quick-start guide 🚀

Full getting started guide can be found here.

1. Download

2. Install node packages: npm install

Secondly, install node packages in root of your newly downloaded folder with npm install command.

This is an example of what you should get after you run npm install command.

3. Start development server: npm start

Let's fire up our development server 🔥

Run npm start in your project root folder.

While your development server is running, every time you make and save changes they will be automatically compiled from src/ to dist/ folder.

This is an example of what you should get after you run npm start command and save some changes while your development server is running.

4. Project configuration and files editing

You’re ready to edit bojler configuration file in src/sass/_settings.scss.

You can take a deeper look at documentation section where we examine variables and maps more carefully.

Now, you can start adding HTML templates to src/templates folder.

In /templates folder you can find boilerplate.html and boilerplate-with-hero.html which you can use as starting point for new templates.

Available NPM commands

Command Description
npm start This command starts live development server and watch task. While your development server is running, every time you make and save changes they will be automatically compiled from src/ to dist/ folder. Take a look at example here.
npm run build This command builds everything from src/ to dist/ folder. Take a look at example here.
npm run assets This command copies all the assets from src/assets/ to dist/assets/ folder. You have to run this command every time you add a new asset in order to see changes. Take a look at example here.

Features

Quick features overview:

  • It’s responsive 🖥️ 💻 📱
  • Built with SASS 🎉
  • Automated SASS to CSS transpiler 🔢 🔀 🔠
  • Automated SASS linter (With email development rules) 🖌️
  • Automated CSS inlining 🔢 🔀 📦
  • Webserver with live reload 🔃
  • Default boilerplate template included
  • Reset styles
  • Typography ✍️
  • Grid system
  • Utility classes 🛠️
  • Components

Bugs and feature requests 🕷️

If you find a bug or need new feature please open a new issue and we will discuss about it.

How to contribute ? 🛠️

You can review the guidelines for contributing to this repository here.

Change Log

All notable changes to this project will be documented in CHANGELOG file.

Credits

Special thanks to:

License

All contents of this boilerplate are licensed under the MIT license.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].