The latest tips, techniques, and approaches for working with HTML and markup.

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”!

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

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.

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

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.

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.

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

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.