40 Beautiful Free Icon Sets

Nov 2 2008 by Jacob Gube | 272 Comments

Some of the best things in life are free. When it comes to icons and icon sets, there are many talented designers and artists that choose to provide beautiful and useful icon sets for commercial and/or personal usage.

In this collection, you’ll see 40 beautiful, free icon sets that you can use in a variety of ways (websites and/or your desktop). In total, you’ll find close to 3000 invidual icons showcased in this article.

Note: It’s important to read the fine-print before using any icon sets; some may have restrictions for commercial use (or require that you give credit to the designer).

Yoritsuki icons

Yoritsuki icons screen shot
35 icons – Download (PNG and ICO)

continue reading »

Useful Cheat Sheets for Web Designers

Sep 7 2008 by Jacob Gube | 103 Comments

Cheat sheets (also known as reference cards, reference sheets, etc.) not only helps you remember things quickly, but can also serve as wall decoration for your workspace.

In this post, you’ll find 28 excellent, useful cheat sheets in various file formats for Photoshop, Dreamweaver, colors, typography, and other web-design related topics all in one page with pictures of each cheat sheet.

If you’re looking for front-end web developer cheat sheets (more CSS, HTML, and JavaScript) check out Cheat Sheets for Front-end Web Developers.

Photoshop

Photoshop CS3 Keyboard Shortcuts Cheat Sheet

Photoshop CS3 Keyboard Shortcuts Cheat Sheet - screen shot.Downloads: PDF (Windows), PDF (Mac)

continue reading »

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 »

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 »

Fantastic, Free Calendar and Datepicker Scripts

May 24 2008 by Jacob Gube | 18 Comments

Web applications often require a calendar or datepicker functionality. Whether it’s a web form that requests the user’s date of birth, a content management system that needs to display a calendar of events on a side column, or an application that charts data as a function of time – there’s never a short supply of demand for calendars or datepickers.

To write a custom solution yourself is one option, especially if you have the time, and your requirements can’t be met by freely available scripts. But if you’re the type that wants to save some time – check out these brilliant, free calendar and datepicker scripts available for download. You can use them for inspiration, incorporate them into your project as they are, or modify them to suit your needs.

Calendar: a Javascript class for Mootools

Calendar: a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements - Screen Shot

continue reading »

30 Websites to follow if you’re into Web Development

May 21 2008 by Jacob Gube | 166 Comments

I’ve made it a goal to learn at least one useful thing each day so that I can stay sharp and well-versed on the topic of web development and design. To that end, here’s some of the websites I keep track of to find new techniques, resources, and news about building websites.

Most of these sites are updated frequently, so there’s never a lack of new content that fills up my Google Reader.

Because the role of the web developer is ever-expanding, I’ve also included a variety of sites that covers fields relating to web development – such information architecture, user interaction, and web/graphics design.

1. NETTUTS

NETTUTS - Screenshot

NETTUTS is a recently launched blog/tutorial site that provides "spoonfed web skills". There are already plenty of useful and detailed tutorials that range from offloading static content to Amazon S3 to creating a beautiful tabbed content area using jQuery. NETTUTS is perfect for developers just starting out, since the tutorials are very thorough and in a "step by step" format. For more advanced developers, it’s an excellent source of inspiration and learning new techniques.

continue reading »

40 Excellent Resources for JavaScript Coders

Apr 10 2008 by Jacob Gube | 23 Comments

photo provided by Dmitry Baranovskiy - the JavaScript Code

Are you an advanced JavaScript coder looking for more sites to sharpen your coding prowess? Maybe you’re a web designer wanting to double as a developer (or at least know enough to add a bit of rich content into your designs). Either way, if you’re looking for more information on the topic of JavaScript, the following resources are worth a gander.

continue reading »