From the land of the rising sun. I wonder if there will be a gallery of gallery of CSS galleries in the future.

Gallery Gallery

There are many available tools to help make web development projects quicker and more productive. Aside from a handy text editor or WYSIWYG editor like Dreamweaver, you can find plenty of tools and utilities that can greatly increase development speed, reduce debugging and testing time, and improve quality of the output. The tools described below are a variety of utilities, optimizers, testing, and debugging tools aimed towards helping developers create websites more efficiently.

20 Useful Tools to Make Web Development More Efficient from Six Revisions

Sometimes you stumble across something that really makes you say "wow" and reminds you that there's so much more to this internet thing than just the latest web app. Case in point is this article describing some of the visual resources available on the web. The deep web. These images won't show up in search engines' image searches or on Flickr (save one exception), but instead can only be accessed via the links below.

Digital Image Resources on the Deep Web from ReadWriteWeb

These lectures are given by Douglas Crockford who is a senior JavaScript Architect at Yahoo!. He is well known for his work in introducing JavaScript Object Notation (JSON).

Learning JavaScript Programming Language through Video Lectures by Peteris Krumins

Audio podcasts are a great way to stay informed about web design news, learn about emerging technologies, listen to discussions, and continuously learn about the ever-changing landscape of web design — on your way to work or before you go to bed. Videocasts are great at showing step by step tutorials, or delivering visually rich presentations. Many of the long running successful podcasts have communities built around the show. Forums and detailed show notes are usual for a podcast that regularly serves its community. The time span of how long a podcast exists often indicates its level of quality and professionalism.

Useful Podcasts For Designers And Developers from Smashing Magazine

Recently I had a project that demanded a rollover image preview. You know, one of those tooltip-like bubble popups that appears when you roll over link or a thumbnail. Since we were already using jQuery on that project I decided to take it easy and investigate what can be done with that extraordinary library. So I came up with a script so simple it hurts! The best thing yet is that it can be applied for a variety of purposes. Today I will show you 3 examples of using the same very, very simple script.

Easiest Tooltip and Image Preview Using jQuery from CSS Globe

Looking for credit card logos for your eCommerce site? Check out Free Credit Card Logos & Images.

Perfectly put. “Frilly bits” seems to aptly describe what are typically called ornaments, fleurons, vignettes, embellishments, or in some cases, frippery. Type ornaments, also termed printer’s ornaments, have been used in conjunction with type for literally hundreds of years. Of course, nowadays it’s all too easy to abuse these design elements, adding them merely for decoration rather than communication. But in the hands of an accomplished designer who knows how to use them appropriately and in moderation, type ornaments can serve to beautify and enhance a design.

25 Resources for Ornaments, Fleurons, and “Frilly Bits” from Cameron Moll

PDF magazines are a great promotional tool used by companies and collectives. They are quick to put together, can be attached to emails, or made available as free downloads. Numerous visual arts publications from around the world are available for you to draw inspiration from. These magazines serve as excellent sources of both conceptual and visual design. Furthermore, it’s both interesting and important to know what other artists do — to explore new artistic style, learn new techniques and make new contacts.

Inspirational PDF Magazines from Smashing Magazine

The JavaScript accordion above is 1.65 kilobytes when packed. If you have a small project that could use an accordion and don’t want to include an entire JavaScript framework to do the job then give this script a try.

Lightweight JavaScript Accordion with CSS by Michael Leigeber

Do you freak out if someone asks you to match print colors to Web colors? Or, maybe you just can’t decide whether the orange would work better with the blue or the green. Either way, many designers may not realize how easy it is to choose a palette for that new Web design. Additionally, many designers might be surprised to learn that they can stay on top of color trends with a few visits to fashion design Web sites.

Follow the Rainbow: 101 Color Resources for Web Designers from WHDb

Don't miss this one!

Images can be found just about everywhere on the mighty internet. Below you’ll find some interesting gateways to larger image collections. Some are for free, some ask for hard bucks. Some are copyrighted, others are not or even others have a Creative Commons license. If you have located an image somewhere in the digital chaos of the world wide web, always check the conditions of use. Don’t say I didn’t warn you…

How to Find Images on the Internet from Random Knowledge

By now, nearly everyone knows that an effective Web site must be speedy. Users have short attention spans and are generally not willing to wait for a bloated Web site to load. Take advantage of these tips, tools and resources, and you'll have a much better time capturing visitors' attention.

The Webmaster's Turbo Kit: 50-Plus Tips and Resources to Improve Your Site's Speed and Performance from Inside CRM

There’s stuff all over the Web about jQuery, but finding the best tutorials to get you started can be tough. Here are Examples and tutorials from jQuery masters to keep you on the right track. We will start with jQuery masters and feature some of their best tutorials, then we will move on to more categorized tutorials, cheat sheets and hacks.

51+ Best of jQuery Tutorials and Examples from Noupe

I personally use TextMate (Mac only) for its "HTML bundles", "multipurpose-ness" and its sexiness; it's totally worth the cash money.

In the list below we present an overview of 35 established or rather unknown — but useful source code-editors; you’ll probably find “usual suspects” — your favourite editor or the editor you’ve once been working with. But you’ll also find some rather unknown alternatives which are definitely worth considering when choosing an optimal source code editor.

35 Useful Source Code Editors Reviewed from Smashing Magazine

Google Doctype is an open encyclopedia and reference library. Written by web developers, for web developers. It includes articles on web security, JavaScript DOM manipulation, CSS tips and tricks, and more. The reference section includes a growing library of test cases for checking cross-browser and cross-platform compatibility.

Google Doctype

In an effort to return to my roots, I spent the majority of the day compiling what I believe to be the mother of all technical SEO cheat sheets. The recommended viewing format of this cheat sheet is as a PDF rather than the traditional blog post (I found the blog posts inconvenient to print).

The Web Developer's SEO Cheat Sheet from SEOmoz

Ahh I used to learn stuff from Webmonkey back in the days. Good to see it's back :)

The original web developer's resource has returned. Webmonkey has been completely redesigned, and we're ready to rock once more. Also, our entire content library is now hosted on a wiki, so every tutorial, reference page and code example is open for editing. Come on in and show us what you've got!

Webmonkey

It’s always fun to experiment different techniques and learn how to work with various aspects of Adobe Photoshop to spice up boring pictures and make them into works of arts and masterpieces. So, if you’re interested in learning some new skills, whether you’re a beginner, intermediate or advanced user, these Photoshop and Illustrator tutorials are for you.

53 Killer Photoshop Illustrator Effects and Tutorials from Noupe

This lightweight JavaScript drop down menu script (~1.8kb) allows you to easily add smooth transitioning dropdowns to your website. This can be used for navigation, dropdown lists, info panels, etc. The script has been tested working in IE6, IE7, IE8, Firefox, Opera and Safari. The markup for the menu including the mouse events looks like the following.

Sliding JavaScript Dropdown Menu by Michael Leigeber