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