Articles Archive

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
Find Web Design Clients Free With Haystack

Find Web Design Clients Free With Haystack

Today we’ll check out Haystack, a new web designer directory site from 37signals. We’ll go over what it’s all about, their pricing structure and how to get yourself listed!

November 6th, 2009 Posted in Business, Inspiration
The Ultimate Guide to CSS Gallery Inclusion

The Ultimate Guide to CSS Gallery Inclusion

Design Shack started out as a simple CSS gallery, featuring well designed websites that caught my eye. Tens of thousands of designs have been submitted over the past few years, and each one has been considered carefully for inclusion. The sad fact is that only around 5% of submissions stand out from the crowd.

This could be due to any number of factors; the site didn’t get the basics right, didn’t have anything remarkable to show, or (occasionally) was let down by content. This guide will walk you through how to make sure you stand a great chance of inclusion, avoiding all the pitfalls so commonly stumbled into by designers. At each stage, we’ll take a look at one great example, and one that’s not so good.

November 3rd, 2009 Posted in Business, Inspiration
50 Outstanding Free Design Textures

50 Outstanding Free Design Textures

screenshot

A few good textures can take a boring design and turn into something stunning. As a designer, you should seek to build a library of all kinds of textures to complement a range of styles. Here are 50 completely free and ready to download textures to get you started.

November 2nd, 2009 Posted in Graphics, Inspiration
Where to Find Inspiration Online

Where to Find Inspiration Online

A trip to your local book store’s magazine rack used to be the quickest, easiest way to find rich, diverse inspiration without a significant fee. Recently, the web has completely changed the way designers, developers, artists, writers and photographers search for influence. Now anyone with an internet connection can access a virtually unending stream of content that saturates the senses and breeds innovation. The best part: most of it is free.

October 30th, 2009 Posted in Inspiration
20 Simple jQuery Tricks

20 Simple jQuery Tricks

jQuery has quickly made it’s way into nearly every web developer’s bag of tricks. The simplicity with which jQuery allows us to handle complicated events and perform smooth animations makes it the perfect tool for both beginners and experienced developers to add professional flair to their sites.

Here are 20 simple jQuery tricks to get you on your way to JavaScript bliss. The keyword here is “simple” so even if you’ve never used jQuery before, this is the perfect place to start!

October 28th, 2009 Posted in JavaScript
HTML5: Get It Working Today (4 of 4)

HTML5: Get It Working Today (4 of 4)

screenshot

This will be the final article in our series on HTML5. This go around we’ll have a brief look at which new HTML5 technologies major browsers are officially supporting and go over some techniques you can use to take advantage of the new elements in your coding today. Finally, we’ll discuss how you should start preparing to support HTML5 in all the sites you build from here forward.

October 26th, 2009 Posted in HTML, Web Standards
HTML5: Semantic Changes (3 of 4)

HTML5: Semantic Changes (3 of 4)

screenshot

In the last article, we looked at a number of new elements introduced in HTML5 and how to implement them properly. In this article, we’ll again be discussing a set of new elements but this time we’ll be examining only those HTML5 elements that represent a significant semantic change to the way you structure your sites. This article will cover how to use each of these new elements in a way that will bring much needed relief to the div-itus that plagues the structure of so many sites today.

October 23rd, 2009 Posted in HTML, Web Standards
HTML5: New Elements (2 of 4)

HTML5: New Elements (2 of 4)

screenshot

A couple of days ago we posted an introduction to HTML5 and briefly covered some of the content we’ll be outlining in this series. Today’s post, which is the second in the series of four, will take a look at how to use six of the new elements in HTML5: canvas, article, audio, video, meter, and mark.

Keep in mind that HTML5 is not exactly ready for widespread use – so don’t go changing anything on your site quite yet. Be assured that HTML5 is in fact coming soon, therefore these concepts may prove useful in the near future.

October 21st, 2009 Posted in HTML, Web Standards
HTML5: The Basics (1 of 4)

HTML5: The Basics (1 of 4)

screenshot

The next iteration of HTML has been met with excitement by some, loathing by others and confusion/fear by everyone else. Love it or hate it, HTML 5 will soon define how you build websites. This is the first article in a four part series that will introduce HTML5 and its basic features as well as explain the key differences from HTML4.01 and XHTML 1.0 so you can start preparing yourself and your sites for the transition. Over the next week we’ll be focusing on three major areas:

1. New Elements
2. Semantic Changes
3. Getting it Working Today

This article will briefly introduce each of these topics to prepare you for the in-depth articles ahead.

October 19th, 2009 Posted in HTML, Web Standards
Subscribe
Membership