HTML

Email Templates / 6 May 2022

10 Tips for Using (And Choosing) an Email Newsletter Template

You probably know that email newsletters can be one of the most effective methods of reaching people who want to connect with your organization or brand.

An email newsletter template can help you jumpstart the process with a semi-custom design with a visual dynamic that will keep subscribers clicking.

If you’ve never used an email template, they aren’t difficult to get to grips with. The toughest part might be choosing a design that you can customize easily and effectively.

Here are our tips for getting started!

HTML / 27 Nov 2012

7 Great Tools to Help You Build Your Own HTML5 Forms

Forms can be one of the most complex aspects of your front-end development work. They’re far more complicated than most of the items that you’ll work with from both an HTML and CSS perspective.

If you’ve been frustrated with forms in the past, don’t worry, there is hope! Today we’re going to go over some tools and frameworks that help you get the job done without the headaches.

HTML / 22 Mar 2012

Ready or Not, Here Comes HD Web Design

Apple is pushing the tech industry forward by increasing the pixel density on iPhone and iPad screens. This is great from a user’s perspective, but as a web designer or developer it literally threatens to completely change the way you build websites.

Are you ready for HD web design? Do you know how your sites will look on a new generation of high resolution screens? What steps can you take to prepare yourself and what skills will you need to stay relevant in the years to come? Read on to find out.

HTML / 5 Mar 2012

Web Design Vocabulary Refresh Part 1: HTML

What’s the difference between an element and a tag? When should I use strong and when should I use bold? What the heck is the DOM? When you’re new to web design, one of the biggest hurdles to overcome is always the jargon. So many technical terms are thrown around flippantly and rarely explained outright that it’s easy to get lost.

This series will serve as a basic introduction to some terms that every new web designer should be sure to add to his or her vocabulary. This won’t be an exhaustive vocabulary list but rather a primer on a few terms that I found difficult to wrap my head around when I was a beginner. We’ll start with HTML today and move on to CSS in the near future.

HTML / 13 Feb 2012

Save Loads of Time by Writing Your HTML With Haml

Odds are, by now you know all about Sass and its brethren (LESS, Stylus, etc.). Love them or hate them, these CSS preprocessors are making a big splash in the development community. In many ways they represent a faster, more efficient way to write CSS and if you get on board, you’ll no doubt appreciate the flexibility that they bring to your project.

Once you get bitten by the CSS preprocessor bug, you’ll inevitably start look at HTML and wondering why it has to be so cumbersome. Why doesn’t someone drastically simplify the way we write markup? It turns out, the same people that brought us Sass have done just that with a language called Haml. Today we’re going to take a look and see how to use Haml to completely change the way you write markup.

HTML / 10 Oct 2011

What Is HTML? the Anatomy of an HTML5 Document

This is the second article in our series on the absolute fundamentals of web development. Our first article explained in detail what HTML is on a conceptual level. We looked at what a markup language is, what tags are and how HTML compares to other important pieces of the web development puzzle such as CSS.

Join us today as we move on and take a look at each basic piece of an HTML document. I’ll explain all that stuff at the top of an HTML file that confuses you and outline the basic structure that you’ll follow for creating your own HTML files.

HTML / 8 Oct 2011

What Is HTML? Back to Basics

Since I have a background in print, I’m always eager to help designers from other areas get a start in web design and basic development. I know from experience that the transition is an extremely intimidating one that many people simply don’t think they can manage.

Fortunately, I can also attest to the fact that it’s probably not as difficult as you might imagine. In the world of hardcore coding, HTML and CSS rank pretty low on the barrier to entry scale.

Today we’re going to start a series that examines the basic building blocks of web development. HTML, CSS, JavaScript; if you’re a complete and utter beginner who might not even have a basic grasp of what these technologies are much less how to wield them, then this series is for you.

HTML / 23 Aug 2011

Mastering Markdown: 30 Resources, Apps and Tutorials to Get You Started

If you’re like me, learning Markdown has been on your todo list for months. I finally took the plunge and instantly became addicted to sorting through the wealth of resources, apps and other Markdown related materials available.

The following is a collection of the best Markdown resources that I’ve found. Whether you’re a complete Markdown newbie looking to learn the syntax or a seasoned expert in the market for a new iPad app, you’ll find something here that’s perfect for your needs.

HTML / 27 Jul 2011

Embedding Google Maps Into a Web Page: A Beginner’s Guide

Google Maps is one of the best utilities to ever hit the web. It has become the standard way for people to get directions online, view satellite and terrain imagery and perform any other map-related task.

There are a number of reasons that you would want to embed a Google Map into your web page, whether it be for functional purposes, such as guiding users to your physical location, or aesthetic purposes, such as using map for a background graphic. Today we’re going to look at two ways you can go about this task: the quick and easy way and the powerful, flexible API route.

HTML / 19 May 2011

How to Link to Specific Points in a Page and Animate the Scroll

You’ve seen it done before, you click a link in the navigation and it takes you not to another page but a specific point within the current page. How is this accomplished? With some extremely basic HTML that you can pick up in a few seconds!

To take it further, we’re also going to see how to animate the transition using a little jQuery.

HTML / 22 Oct 2010

How to Build a Website With Flux 3: A Coder’s WYSIWYG

Flux is a WYSIWYG website editor for Macs. Now, before you curse under your breath about how much you hate WYSIWYGs, you should know that Flux is different and is both powerful and flexible enough to be used by professional web developers.

Today I’ll introduce you to Flux by creating a super simple web page from scratch (no annoyingly rigid templates). Along the way we’ll see what a typical workflow looks like and why it just might be the best visual web editor I’ve ever used.

HTML / 10 Jun 2010

HTML and CSS Debugging Tools

Whether you’re a beginner or a pro, troubleshooting your HTML and CSS can be a real pain if you’re not equipped properly. Today we’ll look at a few tools to help you force that pesky web page into submission.