Articles

Browse our articles, inspiration, news, and tips for the design community.

HTML5: Get It Working Today (4 of 4)
HTML / 26 Oct 2009

HTML5: Get It Working Today (4 of 4)

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.

HTML5: Semantic Changes (3 of 4)
HTML / 23 Oct 2009

HTML5: Semantic Changes (3 of 4)

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.

HTML5: New Elements (2 of 4)
HTML / 21 Oct 2009

HTML5: New Elements (2 of 4)

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.

HTML5: The Basics (1 of 4)
HTML / 19 Oct 2009

HTML5: The Basics (1 of 4)

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.

How to Use TypeKit on Your Site: Step-by-Step
CSS / 14 Oct 2009

How to Use TypeKit on Your Site: Step-by-Step

Several options have cropped up recently for adding custom fonts to your website by utilizing the @font-face selector. TypeKit is an exciting new player in this game because it stands out in two key areas: ease of use and richness of fonts available. This tutorial will take you through several small, super simple steps to get TypeKit up and running on your site. You won’t find any advanced techniques or scripting here, so even if you’re a novice web designer this should be a cinch!

70 Beautiful Handpicked CSS Galleries
CSS / 12 Oct 2009

70 Beautiful Handpicked CSS Galleries

CSS Galleries are an amazingly rich source of web design inspiration, and a fantastic way to promote your design skills to the world. Although you shouldn’t worry too much about where you are (or are not) featured, it’s good to know where to look.

We’ve scoured the web and compiled a comprehensive list of 70 great CSS galleries. Some are incredibly popular, others represent smaller niches in the web design industry.

Introducing Our New Editor
News / 9 Oct 2009

Introducing Our New Editor

I mentioned a few days ago that we have taken on board a new site editor for Design Shack, and I’m pleased to introduce him to you today! Joshua Johnson will be taking charge of the news and tutorials published on the site, and it should lead to some fantastic new content.

Read on to find out a little more about our awesome new editor!

35 Marvelously Minimal Websites
Inspiration / 5 Aug 2009

35 Marvelously Minimal Websites

Here’s to the design minimalists. Here’s to focusing on functionality, simplicity and basic design principles. Kick the tires all you want on these sites today – you’re still going to love using them tomorrow.

This is our roundup of 35 stunningly simple, marvelously minimal web designs. Enjoy!

Fanurio Winners
Competitions / 4 Aug 2009

Fanurio Winners

Thank you to everyone who entered our competition to win a copy of Fanurio. I’m pleased to announce that the winners are Vicente Canales, Mark, and Josh St. John.

Your details have been passed on to the developer, and you should receive a license code shortly!

Win a Copy of Fanurio
Competitions / 27 Jul 2009

Win a Copy of Fanurio

fanurioI’m pleased to announce our latest competition to win a copy of Fanurio, a cross-platform time tracking application. It offers an intuitive interface, flexible timer and the ability to produce detailed invoices.

We have three copies to give away, and entering is simple. All you need to do is leave a comment on this post saying why you’d like a copy. The competition will run for one week, and we’ll announce the winners on the 2nd August.

Good luck!

Detecting Location Using Google AJAX API
JavaScript / 13 Jul 2009

Detecting Location Using Google AJAX API

mapThere are times when one needs to find out which part of the world a particular visitor is coming from. There are plenty of IP-to-Location lookup providers out there, who offer this service at a reasonable cost (depending on how much detail you require).

Google’s AJAX Maps API offers this look up for you free of cost (so long your needs are non-commercial). You can even use the latitude and longitude information returned by the API to plot the user’s location on a Google Map. Nifty eh? Let’s now look at a simple example – we will be detecting the user’s location based on his IP address and rendering it on a map.

Before we begin, you might want to check out the demo.