HTML Archive

Create Seamless Web Background Textures in Minutes

Create Seamless Web Background Textures in Minutes

Ever wondered how some web designers come up with such great background textures? It’s actually way easier than you might think. It only takes a few minutes and a single Photoshop filter that you’ve probably never used.

Intrigued? Read on to see the step by step instructions for creating tileable textures out of almost any image.

May 13th, 2010 Posted in CSS, Graphics, HTML
Entering the Era of Device Testing

Entering the Era of Device Testing

screenshot

This article will discuss the history and future of the web and what implications that has for how device testing will begin to play a larger role in the obligations of web designers.

As the presence of web enabled devices increases the key question that will arise relates to not only whether or not your design will function on a given device, but also (and perhaps more importantly) how high the quality of the experience will be on that device.

May 5th, 2010 Posted in HTML, Web Standards
Create a Color Changing Website Using CSS3

Create a Color Changing Website Using CSS3

Though the changes implemented by CSS3 are still not supported on all browsers and cross-browser functionality across those that do support it can be a real pain, it’s still quite fun to experiment and see what’s possible.

In this brief tutorial we’ll take go crazy with CSS3 transitions in Webkit to create a simple web page that showcases some really nice color fade effects.

April 20th, 2010 Posted in CSS, HTML
Quick Tips for Creating a Mobile Optimized Site

Quick Tips for Creating a Mobile Optimized Site

Last year mobile web usage increased 148% worldwide. In the near future as smarthpones become more and more ubiquitous this number will continue to shoot up. As a developer, the time has arrived for you to seriously consider whether you should begin accommodating your mobile audience.

Today we’ll look at a few quick ways to make your site a little friendlier for mobile devices.

March 23rd, 2010 Posted in CSS, HTML, Layouts
7 Convincing Reasons to Try Designing in the Open

7 Convincing Reasons to Try Designing in the Open

Designing out in the open can be quite intimidating.

You’re basically swinging the doors open wide and hanging up a huge sign that says “Harsh Criticism Wanted.” However, the benefits of utilizing this particularly transparent method of design can often outweigh the grievances.

Today we’ll look at seven reasons to consider designing your next project in the open.

March 5th, 2010 Posted in Graphics, HTML, Inspiration
Why You Should Build a Front End Package

Why You Should Build a Front End Package

How do you begin building a website?

The majority of developers probably start from scratch or pull in a few resources from previous sites. The more organized among us have developed a custom toolbox from which to begin a site that proves to be an essential part of their workflow.

Today we’ll discuss why you should consider building your own front end package to serve as a starting point for every single site you create.

February 12th, 2010 Posted in CSS, HTML, JavaScript, PHP, Web Standards
15 Tips for Designing Terrific Tables

15 Tips for Designing Terrific Tables

Tables of information are boring.

In a sense, they’re meant to be that way. A good table communicates a lot of information in a concise, easy to understand way. Because the emphasis really should be on the information, over-designing a table can kill the effectiveness. However, in the right hands, clever design can not only make a table more attractive, but can actually increase readability.

Today we’ll take a look at several ways you can improve the functionality and aesthetics of your tables. One of the most common places we currently find tables online is on a web app’s pricing page so most of our examples will take this form, just keep in mind that these principles can apply to any type of informative grid (whether or not it’s actually a <table>).

January 26th, 2010 Posted in CSS, HTML, Inspiration, Layouts
How to Build a Site With Keyboard Navigation: PSD to HTML

How to Build a Site With Keyboard Navigation: PSD to HTML

Today we’ll be looking at how to add keyboard navigation to a website using a few simple lines of JavaScript. First we’ll create a simple site theme in Photoshop and then transform it into a working website that uses keyboard functions to switch pages.

November 30th, 2009 Posted in Accessibility, CSS, HTML
Create a Beautiful CSS Menu

Create a Beautiful CSS Menu

Today we’re going to create a working horizontal CSS menu from scratch. We’ll be using transparent PNGs (sorry outdated browser users) to create a glossy horizontal bar, the color of which can easily be changed using only CSS. Before we get started, check out what we’ll be building in the live demo.

November 20th, 2009 Posted in CSS, HTML
Four Quick and Easy Ways to Embed MP3 Files Into Your Site

Four Quick and Easy Ways to Embed MP3 Files Into Your Site

Once upon a time I was in a rock band. When I was building our website, I naturally wanted to put some music up so visitors could listen before purchasing our songs on iTunes. After a bit of research I found out that there are a million ways you could go about it, some better than others. Sadly, after two albums and lots of good times, my band The Van Buren Regulars no longer exists. Fortunately, what I learned about embedding music lives on and is easy enough to pass along.

Today we’re going to look at four easy ways to embed MP3 files into your website. All of these methods are free and take mere minutes to implement. Let’s check them out!

November 10th, 2009 Posted in HTML, JavaScript
Subscribe

Membership