HTML

The latest tips, techniques, and approaches for working with HTML. Learn how to build your websites using clear, simple HTML markup.

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

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!

10 Things Every Web Designer Should Be Able to Do in Their Sleep

Business / 21 Dec 2015

10 Things Every Web Designer Should Be Able to Do in Their Sleep

Some skills, you just need to know. And you better know them so well that you can do them almost without thinking. When it comes to web design, many skills can change and evolve over time, but there are a few basics that you should be able to do in your sleep.

And even if you aren’t a “web designer” by trade, each of these skills is becoming must-have for all designers working today. How many are you already comfortable with? Let’s dive in and take a look at what you should be able to do on “auto pilot”!

7 Tips to Speed Up Your Website Today

CSS / 1 Oct 2015

7 Tips to Speed Up Your Website Today

Everyone loves a cool little loading animation, right? But if that divot lasts more than a second or two, it only brings attention to the fact that the website is loading slowly. And that’s a website killer.

Users expect websites to load quickly and efficiently. It’s your job to ensure that the design is not only visually pleasing but also 100 percent functional. If your site is dragging somewhat, you can stop worrying right now because we have seven tips to help you speed up your website with small tweaks to the design. (Make sure to visit each of the websites showcased in the post; they look great and load lightning fast.)

7 Great Tools to Help You Build Your Own HTML5 Forms

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.

Ratchet: Prototype iPhone Apps on the Fly in HTML

HTML / 21 Nov 2012

Ratchet: Prototype iPhone Apps on the Fly in HTML

Ratchet is an awesome new framework that allows you to quickly and easily create prototype iPhone app layouts using only HTML, CSS and JavaScript. Simply create a container div in your HTML, toss in a few items with preset classes and you’re ready to go.

Follow along as we jump into Ratchet to see how it works. We’ll kick the tires, try out some features and decide whether or not it’s worth a download. (Spoiler alert: it is.)

Ready or Not, Here Comes HD Web Design

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.

Web Design Vocabulary Refresh Part 1: HTML

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.

Save Loads of Time by Writing Your HTML With Haml

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.

What Is HTML? the Anatomy of an HTML5 Document

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.

What Is HTML? Back to Basics

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.