8 Stylish and Free Responsive Email Templates

It’s 2017…why is sending responsive, browser friendly emails still such a hassle? If you’re frustrated with your email templates and are sick of coding them over and over to fix things that don’t work or try to make them fully responsive across dozens of different devices, maybe it’s time to try your hand at a free responsive email template. What follows is a list of some of the best of what’s out there in this department.

  1. Cerberus

Screen Shot 2017-02-21 at 3.45.34 PM

This one is a free download that comes with simple, responsive patterns for you to use when writing your HTMl emails. The emails are responsive and compatible with all browsers and email clients — even Outlook!

2. Foundation for Emails

Screen Shot 2017-02-21 at 3.47.19 PM

Brought to us by the people over at Zurb, Foundation for Emails lets you create free, responsive email templates that are universally compatible. Not only are the responsive, but the templates can also be edited quickly using Sass. If you’ve worked with Foundation for Sites, this is a great option for you, as you should be familiar with the coding style of Foundation.

3. Antwort

Screen Shot 2017-02-21 at 3.50.37 PM

Don’t be put off by the simple style of Antwort’s site — these templates are great. They’re easy to use and customize and also lightweight, plus, they’re totally free.

4. Campaign Monitor

Screen Shot 2017-02-21 at 3.52.25 PM

Campaign Monitor is an email marketing company that provides, along with many other services, access to free, colorful, creative, and industry-specific email templates. The templates are free, responsive, and will save you a lot of design work.

5. Basic Responsive Email Template

Screen Shot 2017-02-21 at 3.56.57 PM

If you’re looking for something a little less stylish than what Campaign Monitor has to offer, this template might be right for you. It’s basic and rather generic, but not completely void of any style or personality. Because it’s so simple, it’s perfect for customizing to match the aesthetic of your site’s style or brand.

6. Responsive HTML Email Template

Screen Shot 2017-02-21 at 4.01.00 PM

Before the days of iPhones and tablets, back when responsive design wasn’t even necessary, people used to use tables to design and structure pretty much everything, from big web pages to little emails. Since tables are sort of a pain to make responsive, this is no longer the norm. However, if you’re old-school and find yourself more comfortable working with tables, this template is a great option. It’s built with tables but by some miracle is still responsive! Definitely worth checking out.

7. Future-Proof Email Template

Screen Shot 2017-02-21 at 4.03.36 PM

This email template aims to be fully responsive even without media queries so that it works on even super old versions of browsers and email clients. It claims to be “future proof” because it achieves its look using only the most basic, simple code.

8. MJML

Screen Shot 2017-02-21 at 4.05.49 PM

MJML is a free responsive email framework that’s lightweight and easy to use. It contains components that make the code easy to edit and adjust, and it should only take seconds to add a new content section to your email template.

8 Cool Effects You Can Create with HTML5 Canvas

If you know how to use it, HTML5 canvas gives you the ability to create many different animation, text, and design effects that you can use in any of your projects. Canvas makes it possible to seamlessly add awesome and versatile effects to your pages without making your page really heavy, or requiring additional software to run (like Flash, for example). Check out some of our favorite ways to use canvas in the list below!

1. Click to Draw

screen-shot-2016-11-30-at-3-38-17-pm

Did you know you can let users draw on your canvas? Check out my sloppily-drawn smiley face above, and click through to the tutorial to try it out for yourself (hopefully you’re better at drawing than I am).

2. Canvas Stars

screen-shot-2016-11-30-at-3-40-12-pm

Create this space effect with twinkly stars using HTML canvas for all of your galactic themed projects!

3. Canvas Charts

screen-shot-2016-11-30-at-3-43-35-pm

Did you know you can use canvas to create colorful, cool charts? Check out how to do it for yourself in this tutorial.

4. Falling Confetti

screen-shot-2016-11-30-at-3-45-15-pmIf your project is a celebratory one, why not consider adding some falling confetti effects created with HTML5 canvas.

5. Canvas Parallax Mountains

screen-shot-2016-11-30-at-3-47-13-pm

This canvas effect is really unique. Not only does canvas create the mountain shapes, but it also performs a parallax scroll effect that makes it appear as though the mountains are in motion.

6. Canvas Lightning Storm Effect

screen-shot-2016-11-30-at-3-50-26-pm

Another effect where canvas imitates nature. The rain effect is complemented by a cool lightning bolt that lights up the sky to reveal background clouds.

7. Canvas Loader

screen-shot-2016-11-30-at-3-51-58-pm

This bright loading effect is created entirely with HTML5 Canvas. The loading effect is the animation used to write the word “loading”, that occurs as quickly or as slowly as it takes to load the page.

8. Aurora Borealis Canvas Animation

screen-shot-2016-11-30-at-3-54-05-pm

This cool canvas effect mimics the colorful dancing lights of the Aurora Borealis. The lights in the canvas are actually animated so it appears as if they’re moving.

6 Free WordPress Themes for Photographers

If you’re a photographer with a WordPress site, there are so many different options you can use to display your photography and create a portfolio. One thing you should definitely do to ensure that your photos get the page real-estate they deserve is to use a theme that was specifically designed for displaying photos. Here are some of our favorites:

1. Gridsby

screen-shot-2016-11-30-at-4-01-04-pm

Gridsby is a WordPress theme with a grid layout that was inspired by Pinterest. It’s great for displaying your photos as a full collection rather than individually. The theme is fully responsive.

2. Panorama

screen-shot-2016-11-30-at-4-09-25-pm

Panorama is fully responsive and allows you to feature several full-size photos on your home page (the images can also function as links). The home page images also come with nice CSS effects for smooth transitioning between feature images.

3. Yuuta

screen-shot-2016-11-30-at-4-13-04-pm

Yuuta is a simple theme that you can use to feature your full-size images as backgrounds of your posts as they appear on the home page of your site. The images will take up the entire width of your page, so they’ll be beautifully displayed. The theme is also fully responsive.

4. Divina

screen-shot-2016-11-30-at-4-16-26-pm

Divina is a theme designed specifically for photographers. Use it to display your photos in a clean, minimalist grid that enlarges the photos when they’re clicked on. The theme is responsive and features a sidebar.

5. Aperture

screen-shot-2016-11-30-at-4-18-33-pm

The Aperture theme’s full-screen slider is a great way to display your full sized images.

6. Adirondack

screen-shot-2016-11-30-at-4-20-18-pm

Grid layouts are great for displaying photographs, so here’s another one. This one has a modern, clean design that will display your posts’ featured images on the home page of your site.

5 Best Color Picking Tools for Your Front End Projects

Looking for a tool to help you explore and choose your color options for your next project? Here are 5 of some of the best and most versatile color picking tools that we love to use.

  1. HTML Color Picker from W3 Schools

screen-shot-2016-11-30-at-3-16-39-pm

This HTML Color picker from W3 schools is a really great tool to discover all of your color options. Not only does the picker make it easy to select a color on your own and explore different shades of that color, but it also gives you the color values in Hex, RGBA, and HSL formats.

2. HTML Color Codes

screen-shot-2016-11-30-at-3-19-14-pm

This is a really useful tool that not only allows you to choose colors, but also lets you save them for later AND export them CSS files in Hex, RGB, HTML, CSS, and SCSS formats. As a bonus, the tool also suggests other colors for you that will complement the color of your choosing.

3. Color Hex

screen-shot-2016-11-30-at-3-22-52-pm

Color Hex is a color picking tool that also gives you access to the colors that have been recently picked by other users so that you can see which colors are “trending.” It also lets users create and browse through color palettes, in case you’re looking for some hue inspiration.

4. Color Palette Generator

screen-shot-2016-11-30-at-3-25-47-pm

This color palette generator will automatically generate a color palette for you based on any image that you provide. If you’re using an image as inspiration for some of your designs, this is a really great and interesting tool to use.

5. Get Colors from Images

screen-shot-2016-11-30-at-3-27-31-pm

Here’s a color picking program that allows you to upload an image and use a dropper tool to pick a specific color from anywhere on the image. Again, this one is really useful if you have a photo that you’re using as a color palette inspiration.

7 Best Google Chrome Themes to Customize Your Browser

One of the coolest features of Google Chrome is the many ways in which you can customize it to suit your exact needs. A cool way to really make your browser unique to you and your interests is to install a custom theme. There are so many themes to search through that choosing your ideal browser theme can get a little overwhelming. If you want to customize Chrome but aren’t sure where to start, check out this list of some of the best themes currently available.

1. Black & White Theme

screen-shot-2016-11-30-at-2-39-22-pm

This is a really simple theme with a minimalist design, and is a great option for someone who wants to try out a theme but doesn’t want to do anything crazy or over the top.

2. Raindrops Theme

screen-shot-2016-11-30-at-2-44-41-pm

This beautiful theme might be right for you if you’re an appreciator of great photography or rainy days (or both!). It’s inspired by this classic image of a window on a rainy day.

3. Beautiful Landscape

screen-shot-2016-11-30-at-2-46-14-pm

This theme is especially great for Chrome users who have a bit of wanderlust, or simply users who are inspired by looking at images of beautiful scenery and landscapes.

4. Flying Paintscreen-shot-2016-11-30-at-2-49-04-pm

Flying paint is one of the coolest, most colorful themes available for Chrome.

5. Celestial Lights

screen-shot-2016-11-30-at-2-51-55-pm

This awesome theme was inspired by the gorgeous and colorful Northern Lights/Aurora Borealis phenomenon that occurs at towards the northern poles of the planet.

6. Spiral Galaxy M101 Theme

screen-shot-2016-11-30-at-2-55-55-pm

Outer space is pretty cool. If you agree, then you’ll definitely enjoy this starry theme that represents a literally out of this world spiral galaxy.

7. R2-D2 Theme

screen-shot-2016-11-30-at-2-57-56-pm

We may have saved the best for last…any Star Wars fans will probably be big supporters of this Chrome theme. Seriously, who doesn’t love R2?