Cheat Sheets for Front-end Web Developers

Jul 7 2008 by Jacob Gube | 151 Comments

Cheat sheets are helpful to have around because they allow you to quickly remember code syntax and see related concepts visually. Additionally, they’re nice decorative pieces for your office.

In this article, you’ll find 23 excellent, print-ready cheat sheets for HTML/HTML, CSS, and JavaScript (including MooTools and jQuery).

So go ahead – print out your favorites and pepper your workspace with these wonderful references.

HTML/XHTML

1. HTML Help Sheet

HTML Help Sheet Screenshot

continue reading »

25 Outstanding WordPress Designs

Jun 25 2008 by Jacob Gube | 47 Comments

WordPress is a popular, versatile, highly-customizable publishing platform. It’s used primarily for blogs, but with a little bit of innovation – it’s utility is limitless.

If you’re contemplating on creating a theme for your newly-established WordPress installation or looking for design inspiration for an existing one, check out these 25 hand-picked, beautiful WordPress designs that showcase the creativity of its designer and the malleability of WordPress.

1. 3.7 Designs

3.7 Designs - Screenshot

continue reading »

Learning MooTools: 20 MooTools Tutorials and Examples

Jun 19 2008 by Jacob Gube | 19 Comments

There are literally over a hundred of JavaScript frameworks out there that make writing complex client-side code significantly easier. If you’re in the market for a powerful, relatively lightweight, and customizable JavaScript framework, MooTools is worth checking out.

To help you get on your way to developing highly-interactive web applications using MooTools, here’s 20 tutorials and working examples that’s worth a read.

Getting Started with MooTools

1. The "Mootorial"

The Mootorial - Screenshot

continue reading »

Readers Pick: 12 Excellent Websites to Follow if You’re into Web Design

Jun 14 2008 by Jacob Gube | 28 Comments

The easiest way to keep up with the latest news and resources is by subscribing to RSS feeds of your favorite sites. When I wrote an article called "30 Websites to follow if you’re into Web Development", I knew I couldn’t include everyone’s favorites, so I asked readers to suggest other websites worth following.

This is a collection of just some of your suggestions. Each entry has a link directly to the site’s RSS feed, but if you want to include all of them into your feed reader, here’s an OPML file for all of them.

1. CSS-Tricks

CSS-Tricks - Screen shotSuggested by: Matthew Adams of 101PoundWebsite.com, David Lano of David Lano’s Blog, Jake of DesignerFied.com, and Nodster

continue reading »

15 Tools to Help You Develop Faster Web Pages

Jun 12 2008 by Jacob Gube | 98 Comments

Response times, availability, and stability are vital factors to bear in mind when creating and maintaining a web application. If you’re concerned about your web pages’ speed or want to make sure you’re in tip-top shape before starting or launching a project, here’s a few useful, free tools to help you create and sustain high-performance web applications.

I’ve tried to include a wide variety of tools that are easy to use, and have tried to keep them as OS and technology-independent as possible so that everyone can find a tool or two.

1. YSlow for Firebug

YSlow for Firebug - Screenshot

YSlow grades a website’s performance based on the best practices for high performance web sites on the Yahoo! Developer Network. Each rule is given a letter grade (A through F) stating how you rank on certain aspects of front-end performance. It’s a simple tool for finding things you can work on such as reducing the number of HTTP request a web page makes, and compressing external JavaScript and CSS files. A worthwhile read is the Ajax performance analysis post on IBM developerWorks that outlines practical ways of using YSlow in your web applications.

2. Firebug

Firebug - Screen shot

continue reading »

Web-based Favicon Generators and Favicon Resources

Jun 10 2008 by Jacob Gube | 20 Comments

Your website’s favicon is a key trademark to its look. It shows up in the navigation bar as well as on browser tabs (for most browsers at least), helping users quickly pick out your website out of the crowd.

Creating favicons is simple, and with these online favicon generators, you’ll have your own favicons in no time! Further down the article are some more resources related to favicon design and inspiration.

Favicon Generators

favicon.ico Generator

favicon.ico Generator

continue reading »

Readers Pick: 16 Sites for Web Design Inspiration

Jun 8 2008 by Jacob Gube | 103 Comments

A while back I wrote "Where to Go to Find Design Inspiration", where I listed some of my favorite places to peruse when I’m looking for design inspiration. At the end, I posed the following question to the readers: "Where do you go for design inspiration?", and asked that you contribute suggestions. This is a list of places that readers have recommended. Some I haven’t heard of, and several I’ve added to my own favorites list.

Without further ado – I present 16 sites that you visit for design inspiration.

1. The Best Designs

http://www.thebestdesigns.com/Suggested by: chandan (Digg profile)

continue reading »