HTML Archive

whatishtml

What Is HTML? Back to Basics

screenshot

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.

October 8th, 2011 Posted in HTML
Mastering Markdown: 30 Resources, Apps and Tutorials to Get You Started

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.

August 23rd, 2011 Posted in HTML
Embedding Google Maps Into a Web Page: A Beginner’s Guide

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.

July 27th, 2011 Posted in HTML
Why Web Design Books Suck and How to Fix Them

Why Web Design Books Suck and How to Fix Them

screenshot

Do you have a list of things that you know you should learn but just haven’t been able to pick up? Have you tried to read through a book or two with no success?

Today we’re going to discuss why you can’t get through those boring web design books, how they should be different and what to look for to leverage the way you actually learn.

June 1st, 2011 Posted in HTML
How to Link to Specific Points in a Page and Animate the Scroll

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.

May 19th, 2011 Posted in HTML
Weekly Freebies: 180 Incredibly Useful HTML Email Templates

Weekly Freebies: 180 Incredibly Useful HTML Email Templates

HTML Email has seen mass amounts of debate, not only about how it should be done but even whether it should be done at all. However, the popularity of this medium has shown only growth in recent years. As support from email applications grows, so to does the richness of the designs.

Below we’ve included some of the best and most recent free templates from a number of sources. The templates range from heavily designed to extremely basic so that no matter what you’re looking for, be it a simple layout aid or a nearly finished product, there is something here for you.

February 1st, 2011 Posted in HTML
Introduction to Developing a Custom Tumblr Blog Theme

Introduction to Developing a Custom Tumblr Blog Theme

Tumblr is the fastest growing blog network on the web today. With the ability to quickly reblog any of your followers’ posts it truly revolutionizes the way we interact with a digtial community. Tumblr has taken the popular dashboard feature and expanded it into a personal blog feed.

Amongst the many popular features of the service is the ability to directly customize the look and feel of your page. Each blog has its own theme which is used to give your page its layout and color scheme. There are plenty of free and paid themes to choose from, but it’s much easier and more fun to create your own.

January 26th, 2011 Posted in HTML
Deeper Study Into the WWW’s Document Object Model

Deeper Study Into the WWW’s Document Object Model

The Document Object Model is a fundamental part of the World Wide Web. DOM for short, this is a set of API standards which define how a browser should construct a web document and how developers are able to manipulate objects.

screenshot

We’ll be looking a bit further into how the DOM really works. The model has been around for years and currently resides at DOM level 3 (DOM3 documentation here). There is a DOM4 currently in editor’s draft with some brand new specs coming soon. For now we can focus on a brief understanding of how the object model came into being.

December 28th, 2010 Posted in HTML
How to Build a Website With Adobe Project Rome

How to Build a Website With Adobe Project Rome

screenshot

Adobe recently launched a project called Rome that is meant to be a sort of all-in-one content publishing platform. You can use this innovative application to build websites, print projects, interactive PDFs and more.

Today I’ll give you a super basic beginner’s introduction to Rome so you can see what it is, how to use it and whether or not it’s right for you.

November 24th, 2010 Posted in HTML
How to Build a Website With Flux 3: A Coder’s WYSIWYG

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

screenshot

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.

October 22nd, 2010 Posted in HTML
Subscribe

Membership