tutsplus/creating-a-future-proof-responsive-email-without-media-queries

Stars
128
Rank 281,044 (Top 6 %)
Language
HTML
License
BSD 2-Clause "Sim...
Created over 9 years ago
Updated about 3 years ago

tutsplus/creating-a-future-proof-responsive-email-without-media-queries

tutsplus

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Source files for Tuts+ tutorial: Creating a Future-Proof Responsive Email Without Media Queries

Tuts+ Tutorial: Creating a Future-Proof Responsive Email Without Media Queries

Instructor: Nicole Merlin

Using this method you can create an email that has responsiveness baked in to the layout, without any need for CSS or media queries in the , so that even in the worst case scenario of email rendering, your layout will remain intact.

Source files for the Tuts+ tutorial: Creating a Future-Proof Responsive Email Without Media Queries

Originally written June 2015, updated December 2020

build-complete-website-expressjs

SEO-Checklist-for-Web-Designers

A checklist to help web designers bring order to their SEO chaos.

passport-mongo

a-simple-responsive-html-email

A simple responsive HTML email that will work in every email client, including all the new smartphone mail clients and apps.

building-a-bootstrap-contact-form-using-php-and-ajax

Source files for Tuts+ tutorial: Building a Bootstrap Contact Form Using PHP and AJAX

A-Star-Pathfinding-for-Platformers

How to Adapt A* Pathfinding to a 2D Grid-Based Platformer

Website-Launch-Checklist-for-Web-Designers

At FHOKE we’ve been through it all, from perfect launches to ones that have turned into complete nightmares! Through our experiences we’ve compiled a list, in no particular order, of a process we go through before we launch our sites. http://webdesign.tutsplus.com/articles/workflow/a-web-designers-site-launch-checklist-including-portable-formats/ ‎

adobe-illustrator-for-beginners

Source files for Tuts+ course: Adobe Illustrator for Beginners

Android-CardViewRecyclerView

Getting Started With RecyclerView and CardView on Android

Android-BluetoothScannerFinishedProject

Create a Bluetooth Scanner With Android's Bluetooth API

3d-dungeons-with-procedural-recipes

Introduction-to-JavaFX-for-Game-Development

build-an-html-email-template-from-scratch

Exercise files for Tuts+ tutorial: Build an HTML Email Template From Scratch

build-a-cms-with-laravel

Marketing-Checklist-For-Indie-Game-Developers

A checklist to help indie game developers promote their games. http://gamedev.tutsplus.com/articles/business-articles/promoting-your-indie-game-checklist/

Multitenant-Apps-in-Laravel

Source Code for the Tuts+ Course: Building Multi-Tenant Apps in Laravel

developing-google-chrome-extensions

Building-a-Web-App-From-Scratch-With-AngularJS

SOLID-Design-Principles-in-C-Sharp

Source Code for the Tuts+ Course: Solid Design Patterns in C#

how-to-hand-code-svg

Source files to accompany Tuts+ tutorial: How to Hand Code SVG

gof-design-patterns-ruby

Source code for the "Gang of Four Design Patterns in Ruby" course.

UnityFruitCutter

Create a Fruit Ninja Inspired Game with Unity

unity-2d-water-effect

Android-JobSchedulerAPI

Using the JobScheduler API on Android Lollipop

laravel-4-authentication

Tile-Bitmasking

30-days-to-jquery

google-maps-api

iOS-StackViewFinishedProject

iOS 9: Getting Started with UIStackView

Any-Old-Icon

Icon Web Font created by the Tuts+ community

iOSBlurEffects

Adding Blur Effects on iOS

A-Web-Designer-s-Typographic-Boilerplate

A file which houses all the basic structural typographic styles you’ll need

responsive-screenshots-casper

building-a-wordpress-theme-in-60-seconds

Source files for Tuts+ tutorial: Building a WordPress Theme in 60 Seconds

battle-circle-ai

shockingly-good-2d-lightning-effects-unity

How to Generate Shockingly Good 2D Lightning Effects in Unity

iOS-SafariViewControllerStarterProject

iOS 9: Getting Started with SFSafariViewController

unity-savegames

How to Save and Load Your Players' Progress in Unity

iOS-StackViewStarterProject

iOS 9: Getting Started with UIStackView

how-to-build-complex-large-scale-vuejs-apps-with-vuex

start-building-modern-web-apps-with-react-and-redux

nodejs-websockets-chat-service

build-a-news-aggregator-with-django

first-ascii-roguelike

Android-GIFWallpaper

Create a Live Wallpaper on Andoird Using an Animated GIF

javascript-for-web-designers

Source files to accompany Tuts+ course: JavaScript for Web Designers

build-a-social-app-with-react-native

Source Files for the Tuts+ Course: Build a Social App With React Native

developing-a-woocommerce-theme

build-a-microblogging-app-with-react-and-flux

intro-html5-node-webkit

intro-to-express

kandi-runner

An infinite runner game

javascript-fundamentals

AngularUI

Source Files for the Tuts+ Course: AngularUI

sketch-for-beginners-design-a-login-form-interface

build-a-wiki-with-react-and-firebase

Android-CustomKeyboard

building-a-weather-app-with-the-darksky-api

Source files for Envato Tuts+ Tutorial: Building a Weather App With the DarkSky API

iOS-TextToSpeech

Create a Text to Speech App With Swift

modern-web-apps-with-angular

Web-Audio-and-3D-Soundscapes-Implementation

Dynamic-Sprite-Color-Swap-Shader

AndroidWeatherApp

Life-Beyond-960px

Let’s take a look at the design considerations behind the often neglected huge desktop screen. http://webdesign.tutsplus.com/articles/general/life-beyond-960px-designing-for-large-screens/

SpriteKitSwift-SpaceInvaders1

Create Space Invaders with Swift and Sprite Kit: Introducing Sprite Kit http://code.tutsplus.com/tutorials/create-space-invaders-with-swift-and-sprite-kit-introducing-sprite-kit--cms-23341

single-page-todo-backbone

learn-php-for-wordpress

building-wordpress-themes-with-bootstrap

Source files to accompany Tuts+ course “Building WordPress Themes with Bootstrap”

working-with-indexeddb

AndroidWear-WatchFaces

Creating an Android Wear Watch Face

Android-BluetoothScannerStarterProject

Create a Bluetooth Scanner With Android's Bluetooth API

self-hosted-php-sql-leaderboard

How to Code a Self-Hosted PHP/SQL Leaderboard For Your Game

building-a-shopping-list-application-with-cloudkit

A CloudKit-Powered Shopping App

From-Procedural-to-Object-Oriented-PHP

unity-shatter-effect

how-to-create-an-isometric-layout-with-css-3d-transforms

Make an isometric grid similar to the one on Elements

Deploy-a-Rails-App-With-Docker

Source code for the "Deploy a Rails Application with Docker" course.

css-experiments-with-form-field-animation

Source files for Tuts+ tutorial:CSS Experiments With Form Field Animation

Beginners-Guide-to-Shaders

14-days-to-learn-sass

Source files to accompany Tuts+ course: 14 Days to Learn Sass

parse-js-blog

iOS-7-Omnigraffle-Stencil-Freebie

Numbers-Getting-Bigger

smooth-page-transition-with-history-web-api

Build a Modern Web with History Web API

code-your-first-api-with-nodejs-and-express-connect-a-database

CoreData-NSFetchedResultsController

Android-TextToSpeech

Use Text-to-Speech on Android to Read Out Incoming Messages

Android-GoogleMaps-Part1

Getting Started with Google Maps for Android: Basics

Android-NearbyMessages

Google Play Services: Using the Nearby Connections API

jasmine-2.0

Source Code for the Tuts+ Course: Jasmine 2.0

iOS8-TodayExtension

iOS 8: Creating a Today Widget

Gaming-With-EaselJS

Source Files for the Tuts+ Course: Gaming With EaselJS

BasketballFreeThrowUnity

Create a Basketball Free Throw Game with Unity

solid-javascript-example-books

Source code for the "SOLID Design Patterns" course.

recreating-the-animated-circle-effect-as-seen-on-google-design

We're going to recreate Google's Design SVG Circle effect using a few lines of jQuery, some simple HTML and CSS.

introduction-to-wordpress-plugin-development

A demo WordPress plugin used for the "Introduction To WordPress Plugin Development Course"

real-world-offline-data-storage

Dynamic-Dashboard-With-ChartJS

Today we will be creating a dynamic dashboard with live charts through the power of ChartJS.

advanced-oop-in-php-with-tests

maintainable-automated-ui-tests