Category Archives: Design Resources

The 5-Minute CSS Mobile Makeover

More people are surfing the Web via mobile device than ever before. It’s just so convenient to have that mobile access to anything you need. Sadly, most websites have not yet considered their mobile visitors, who probably move on to the next site before trying to make sense of a jumbled mess. Those of you…
Read more

Embed Flash or Die Trying

Web designers and developers looking to embed Flash content into a web page currently enjoy a wide variety of methods from which to choose. The most common methods vary along several key dimensions, including standards-compliance, user-friendliness, and universal support. Some methods make it easy to provide alternative content, others enable auto-activation of Flash content, while…
Read more

Unobtrusive JavaScript Dynamic Clock

In this tutorial, I present an easy way to add a little extra flair to your site by adding some dynamic clock functionality. Using unobtrusive JavaScript, a bit of (X)HTML markup, and a dash of PHP (optional), we will create a dynamic clock that degrades gracefully to a static date/time-stamp when JavaScript is unavailable. No…
Read more

Display Random Posts from Specific Tags or Categories

When developing the colorful Quintessential Theme (opens in new tab), I initially planned on displaying five random posts from each of my most popular tags and categories in the super-slick sliding-panel sidebar. Because I am running an older version of WordPress, however, this task proved to be quite the educational experience. Check out original source
Read more

Top Floor – iPhone Highrise Client

Top Floor is a mobile client for Highrise in your iPhone that enables you to: Manage your business contacts - Synchronize your business contacts and receive a new ones in your iPhone with no computer around after your colleague puts it into contact list of Highrise. - Perform a quick search for your business contacts…
Read more

How to Build a Full-Featured Login System: New PLUS Tutorial

In this tutorial, I will show you how to build a simple login system consisting of a login page, register page, forgotten password page, email activation, logout page and finally a users online page. I made this tutorial to primarily target new-to-PHP developers, due to the fact that, when I started, I noticed the lack…
Read more

The Customer is the Company

Nickell had no such vision as he put the finishing touches on a T-shirt design in late 2000. It was for the New Media Underground festival, an informal gathering of Web designers in London. He had no intention of attending the event, but he cared about it deeply. At the time, Nickell was 20 years…
Read more

How to: Use Thumbnails Generated by WordPress

One of ten brilliant tips that I shared yesterday on my blog – display images on your blog’s homepage without any custom fields or any additional functions.php script, something I first saw on WebDeveloperPlus. Check out original source
Read more

Easy E-Commerce With Magento

Hundreds of ecommerce systems exist, but very few can match the power of Magento. In this screencast, I'll demonstrate how to download and install Magento to a local host, configure some of the site options, and create simple and configurable products and categories for our test e-commerce site. Check out original source
Read more

Animated Navigation with CSS & jQuery

As I was checking out some flash sites for inspiration, I ran across a couple websites that had some nice navigation effects. I’m not a huge fan of wildly animated navs, but these had simple and elegant roll over effects that I liked. I decided to imitate the effect with CSS and jQuery, and would…
Read more

Super Awesome Buttons with CSS3 and RGBA

We love CSS at ZURB. We love it so much that we're using the new, yet-to-be released version (CSS3) in some of our projects. In the works for nearly 10 years now, CSS3 is finally starting to see the light at the end of the tunnel as new browsers like Firefox and Safari continue to…
Read more

The WordPress Bar WordPress Plugin

Seen the DiggBar on Digg.com? Adds a similar feature to your Wordpress blog. Use your blog as a short link service with Easy Link Creation. Feature any link on the internet with a custom URL such as http://www.internetriot.com/?bing. Also feature social network links such as Facebook, Twitter, and Digg. Check out original source
Read more

Respect Your Readers

In the writing world we often speak of targeting your audience and writing for the reader. Another facet to get readers returning to your site to read your material is to respect them Check out original source
Read more

Effective Blog Post Sculpting with HTML Headings

When it comes to reader engagement, crafting an attention-grabbing headline is not the only thing you should consider. You might even write a great introductory paragraph that will make your readers click the little “read more” link on your blog, but the hard part is drawing their eyes down the page, and keeping them hooked…
Read more

Display your tweets in real time, a basic twitter API use

Recently I began optimizing social networking on Position Absolute, which lead me to the Twitter API. I wanted to display tweets in the top corner of the site. However I did not want to display my last tweet, but display my tweeting in real time. Check out original source
Read more

Icons for Interaction

Last week I had the pleasure of attending @media 2009 in London, where it has to be said, I had the best conference experience I’ve had for a long time. Check out original source
Read more

Turn Firefox into a screen reader with Fire Vox

I’ve sen Fire Vox mentioned plenty of times but have never had any luck getting it to work on my Mac. Until now, that is. Not sure what I’ve been doing wrong the other times I have tried it, but the other day I gave it another shot and it worked without any problems. Check…
Read more

Firefox 3.1 beta 1 now available for download

Firefox 3.1 Beta 1 is a public preview release intended for developer testing and community feedback. It includes many new features as well as improvements to performance, web compatibility, and speed. We recommend that you read the release notes and known issues before installing this beta. Check out original source
Read more

Web Standards for Web Applications

At the upcoming Web App Summit 2009, I’ll be presenting an all new workshop, “Web Standards for Web Applications.” The fabulous and ever-smooth Jared Spool interviewed me recently about the topic, covering issues such as HTML5, The rise of JavaScript, the integration of proprietary and standardized technologies and of course, browsers. We also had a…
Read more

W3C Validators in Jeopardy

As many folks who follow the W3C are aware, financial and bureaucratic issues have challenged the organization for many years. But one thing the W3C has held steady with is its validators, which are regularly and freely utilized by Web designers and developers world over. Check out original source
Read more

WDL Premium: Water Color Dry Brushes

I set out to create a water color brush for this set, and I wanted to do something that I haven’t seen in a water color Photoshop brush, but I wanted it to be useful at the same time. Check out original source
Read more

Getting Started With CSS: 20 Awesome Introductory Tuts

Do you want to make your own web pages but are too worried about falling short in the complex depths of CSS? Not too worry – all it takes is some patience, some practice, and a little bit of time. Don’t stress out with overly-complicated tutorials – start here with 20 awesome introductory tuts to…
Read more

Visual Decision Making

User interface experts are often suspicious of the role of visual aesthetics in user interfaces—and of designers who insist that graphic emotive impact and careful attention to a site’s visual framework really contribute to measurable success. Check out original source
Read more