Design Shack — Web Design Gallery, Articles & Community

Detecting Location Using Google AJAX API

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

Read More

37 Beautiful Letterpress Business Cards

Designing business cards can be tricky, because it’s always difficult to make one which stands out from the hundreds of others in circulation! Letterpress definitely brings a new dimension to business cards.

If you are looking to have a few printed, here are a range of catchy letterpress designs for inspiration. The idea of depth and an embossed logo add a completely new element, and could well be the best way to really make an impression.

Read More

27 Inspiring Letterpress Posters

There has been a rather sudden revival of letterpress artwork in the past few years. No matter how much technology advances or how fast our laser printers get, one can’t help but admire the texture and beauty of this medium.

This week, we want to show you some brilliant letterpress posters. Some of these are printed using handmade wooden reliefs, some using metal type, some even using photopolymer plates (the preferred medium for letterpress plates these days). Whichever medium is employed – all of them are most certainly breathtaking!

Read More

Creating a Shaking Login Form

Tired of the plain old boring login forms? How about we add some jazz! If you have ever typed in your password wrongly on your Mac, you would have seen that the login screen will vibrate and kinda shriek to indicate that the password you entered is wrong. I always found that rather cool! It’s surprising how little this trick is being used in web applications today. So, I thought I will write up a tutorial on how to get this going.

Read More

Smart File Type Detection Using PHP

In most web applications today, there is a need to allow users to upload images, audio and video files. Sometimes, we also need to restrict certain types of files from being uploaded – an executable file being an obvious example.

Security aside, one might also want to prevent users from misusing the upload facility, e.g. uploading copyrighted music files illegally and using the service to promote piracy! In this article, we’ll look into a few ways in which we can achieve this.

Read More

Best of 2008 – JavaScript

In the last part of our summary series, it is time to see some of the JavaScript Goodies of 2008. Some of the following are resources, some are useful tutorials, some opinions and others just plain fun interesting stuff.

There is always a lesson or two to take away from these, and it could help you enter the New Year with a variety of new skills in your portfolio.

Read More

Best of 2008 – Typography

Typography is beginning to come to the fore as one of the most crucial elements of web design as people start to understand its importance. There’s no doubt that if you perfect the size, style and position of type on your page, the rest of the design will flow much easier.

In part one of our 2008 roundup, we saw some of the most useful graphic design tutorials of the year. This second section will walk you through a selection of the best typography related resources and articles of 2008 – tutorials, downloads, fonts, and everything you need to perfect the use of type in your design.

Read More

Best of 2008 – Graphic Design Tutorials

As we arrive at the last month of yet another year, it’s time we revise and reflect on all the goodies this year had to offer. At the same time  it’s great to practice the tips and lessons learnt for the years to come!  We have brought together a series of what we feel are some of the best tutorials of 2008 from around the web.

We’re starting off with the most useful graphic design tutorials of the past year. In no particular order, read on to see 33 that have stood out in particular.

Read More

Creating Fading Site Dividers

You might have seen these fading dividers/separators on various sites, which seem to fade both horizontally and vertically. Here is an example of what I mean:

They provide a great way to split content up, doing so in a subtle and non-intrusive manner. I would like to share a simple way to create these fading dividers using Photoshop.

Read More

Creating a Virtual jQuery Keyboard

For those of us who travel often, we often end up accessing our emails and other confidential web accounts on public computers. In such circumstances, we are completely at the mercy of keyloggers and other malicious software that track our keystrokes and record our passwords.

Yet, very few websites provide their users with the option of using a virtual keyboard to key in (at the bare minimum) their passwords. Yes, a few banks do it, but considering how much personal information we store in various web applications these days, the safety of these accounts are of no less significance to us. This tutorial will explain how we can implement a simple virtual keyboard with some (well, okay, lots of!) help from jQuery.

Before I begin, let me show you how it will all look in the end.

Read More