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.)

Sketchpad to Screen: Testing Your Next Prototype With ZURB’s Solidify

HTML / 6 Dec 2012

Sketchpad to Screen: Testing Your Next Prototype With ZURB’s Solidify

ZURB, the company behind Foundation and apps Notable and Verify, has introduced a nifty new product in Solidify, which allows early-stage prototype testing.

What’s neat about the application is that it allows you to upload prototype images (from almost any stage of a project) and submit them for real user testing. And we’re not just talking finished designs here; you can actually upload and test based on a sketch.

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.)

HTML5: Hype, Substance and Scrutiny

HTML / 29 Oct 2012

HTML5: Hype, Substance and Scrutiny

Today we have a special treat: an article from Luke Stevens, author of The Truth About HTML5, that takes a critical look at the past, present and future of HTML5.

What is HTML5, really? How did it come about? Should we really be blindly following what we’re told about it or is some critical thinking required? Read on to find out.

Transform Your Designs Into Coded HTML Emails With Mailrox

HTML / 11 Sep 2012

Transform Your Designs Into Coded HTML Emails With Mailrox

Coding HTML emails sucks. In a time where we’ve become so ingrained with web standards and CSS-based layout, jumping back in time and coding up table-based layouts with inline styling feels downright icky. In fact, there are tons of web designers who haven’t even been around long enough to be familiar with how to code this way.

Today we’re going to take a look at a new tool that promises to make life much easier for HTML email designers. With Mailrox, you upload your design, slice it up and easily transform it into a working HTML email.

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.

Keep That New Year’s Resolution and Make the Leap From Print to Web Design

HTML / 16 Jan 2012

Keep That New Year’s Resolution and Make the Leap From Print to Web Design

You’ve been designing for print since college and have an eye for what makes visuals work. But the landscape has changed (and for some, might even look a little scary). So when the ball dropped at the start of 2012, your resolution was to learn a little more about the digital side of it all and make yourself that much more marketable.

Now is the time to get started. There are tons of resources out there to help print designers get their feet wet in coding, HTML and digital design. Because of the skills you already possess as a print designer, the transition might even be easier than you think. You already know how to use text, color and images, but need the skills to make it happen in the online format. With a little time and dedication, almost anyone can learn the basics with a few great (and free) tutorials right at your computer.