Powered by GoodBarry

“Ninja Training for Web Designers”

Bookreader.js

Thursday, July 31, 2008 - Lawrence Hsu | BC

Want to let people read your webpage like a book? Check out bookreader.js! The documentation is in Japanese though :|

PS the last two links in the footer lets you toggle between standard view and bookreader view.

bookreader.js from CogniTom Academic Design

Handy Designer’s Tools “On The Fly”

Thursday, July 24, 2008 - Lawrence Hsu | BC

Nothing can be more useful than handy tools you can use “on the fly” in your design process. Whether you’d like to generate css layouts, create vector images, format or optimize CSS code, generate patterns- you can use dozens of tools to make your life easier.

I personally don't use these kind of tools, but some may find them quite handy~

Handy Designer’s Tools “On The Fly” from Noupe

The Perfect 3 Column Liquid Layout (Percentage widths)

Thursday, July 24, 2008 - Lawrence Hsu | BC

No CSS hacks. SEO friendly. No Images. No JavaScript. Cross-browser & iPhone compatible.

The Perfect 3 Column Liquid Layout (Percentage widths) by Matthew James Taylor

300+ Vintage Style Textures and Photoshop Brushes

Wednesday, July 23, 2008 - Lawrence Hsu | BC

Vintage design, when done well, can make a user feel like they have been transported back in time. This particular style often uses design elements that look like they were found in the attic of an old house dating back to the 1920’s, 30’s, or 40’s. If you have a project coming up that requires this type of design, here is a big roundup of textures and Photoshop brushes, all found at deviantArt.

300+ Vintage Style Textures and Photoshop Brushes from Design Reviver

71 Gradient Resources for Web Design

Tuesday, July 22, 2008 - Lawrence Hsu | BC

For web designers and graphic designers, gradients provide almost unlimited options for creating the perfect look. This list is a collection of excellent tutorials and resources for effectively using gradients. Some of the tutorials and resources are specific to Photoshop and Illustrator, and others are general.

71 Gradient Resources for Web Design from Vandely Design

75 Insane High Res Photoshop Brushes

Monday, July 21, 2008 - Lawrence Hsu | BC

Ah, the beautiful world of Photoshop brushes. With thousands of incredible sets floating around the web, and thousands more being made all the time, it can become quite a daunting task to find the perfect ones for your projects.

75 Insane High Res Photoshop Brushes from Elite by Design

Free Photoshop Shapes Downloads

Thursday, July 10, 2008 - Lawrence Hsu | BC

I am in love with vector shapes right now. I think they are so handy to have around when you are building a site. The way that you can stretch vectors without creating jaggy edges, makes them incredibly useful. Most of the time I just land up breaking them apart to use a curve that I like. I also love using them for as badges or buttons on web sites.

Free Photoshop Shapes Downloads - Mega List of Free Custom Vector Shapes for Adobe Photoshop - Part I from All Graphic Design

Colour Tools, Palettes, Schemes and Theory

Wednesday, July 09, 2008 - Lawrence Hsu | BC

Whether you’re a website designer, logo designer, print designer or other, this comprehensive list of colour tools and resources will help. The links are separated into the following: colour palettes and combinations, colour theory, colour tools, colour patterns, and colour code.

Colour Tools, Palettes, Schemes and Theory from David Airey

Fading JavaScript Tooltips 2kb

Saturday, July 05, 2008 - Lawrence Hsu | BC

This animated JavaScript tooltip script is very easy to use and lightweight at only 2kb. It is tested working in IE6+, Firefox, Opera and Safari. Jacob Gube of Six Revisions has posted the script and a walk-through of the code and the logic.

Fading JavaScript Tooltips 2kb by Michael Leigeber

105+ Logo Design Tuts and Resources

Friday, July 04, 2008 - Lawrence Hsu | BC

Logo design in today’s world has come to be one of the most important aspects of creating a brand identity and connecting with consumers. Logo’s are everywhere - the web, books, magazines, newspapers, television, movies…you name it, there is some type of logo. Logos have become a symbol of corporations, business, and success. Nothing says “professional” like a well designed logo. Today, I want to showcase 105+ logo design tuts and resources to help you take your logo design to the next level.

105+ Logo Design Tuts and Resources from Elite by Design

Another 16 Firefox Add-ons For Web Designers

Monday, June 30, 2008 - Lawrence Hsu | BC

Firefox can be extended to do just about anything you want, so why not have it help you with your web development and design? We’ve got a dozen suggestions to get you started down the road of turning Firefox into a powerful design and development tool in your arsenal.

Another 16 Firefox Add-ons For Web Designers from Mashable

Quality Photoshop Brushes

Sunday, June 29, 2008 - Lawrence Hsu | BC

Qbrushes.com , is a place where you can download all the free Quality Photoshop brushes from around the net. the site is updated with fresh brushes very often, so be sure to bookmark the site.

Qbrushes

Free of Charge RSS Feed Icons

Friday, June 27, 2008 - Lawrence Hsu | BC

This one is from Russia!

Free of Charge RSS Feed Icons from Malevi4

HTML Color Combination Chooser

Monday, June 23, 2008 - Lawrence Hsu | BC

The wonderful people at Site Pro Central have allowed me to mirror the extremely useful HTML Color Combination Chooser originally found at http://www.siteprocentral.com. The revenue generated from the ads goes directly to them to support the effort they put in to make this tool available.

HTML Color Combination Chooser from Web Design for Developers

Websites you shouldn’t have missed in May 2008

Sunday, June 22, 2008 - Lawrence Hsu | BC

May was a busy month, we have been watching great news, articles, tutorials, scripts, tips and lot of inspiration for web designers popping up everyday so we thought it would be a great idea to wrap all those resources in one package where you can check to fuel your energy for creativity.

Websites you shouldn’t have missed in May 2008 from Noupe

70+ High-End Components for Web Designers and Developers

Monday, June 16, 2008 - Lawrence Hsu | BC

So here is Milestone 01 - a handy collection of hand-picked, quality components sorted in framework/programming categories with the most popular component presented first in each category. Note that these components have been selected and tested during the last three months times to make sure each meets a certain quality criteria. Enjoy!

70+ High-End Components for Web Designers and Developers from DevKick

56 Professional Free Arrow Symbols and Icons

Sunday, June 15, 2008 - Lawrence Hsu | BC

Professional edited free vector arrow symbols & icons for personal and/or commercial usage. This collection of arrow symbols can help you in your art & design. Arrows are often used in Signage and Wayfinding design to guide a visitor in the right direction. All 56 arrows are drawn by Sander Baumann with Adobe Illustrator and can be used in many different ways.

56 Professional Free Arrow Symbols and Icons from SEGD

40 Professional Icon Sets For Free Download

Friday, June 13, 2008 - Lawrence Hsu | BC

In the overview below we present 40 excellent, free and professional icons for desktop and web design. Some of them can be used for both private and commercial projects. You may always use them for fre in your private projects. Nevertheless, it is always worth to take a look at the license agreements — they can change from time to time.

40 Professional Icon Sets For Free Download from Smashing Magazine

30 Websites to Follow If You’re Into Web Development

Friday, June 13, 2008 - Lawrence Hsu | BC

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.

30 Websites to Follow If You’re Into Web Development from Six Revisions

Which CSS Grid Framework Should You Use for Web Design?

Thursday, June 12, 2008 - Lawrence Hsu | BC

Ever wondered how all those slick "magazine" themes for WordPress and other platforms were created? Many, if not all, were designed using a CSS Grid Framework - at least in essence if not in actual fact. That is, you can use an existing CSS framework or build your own from scratch. While it's possible to design complex web page layouts without a framework, it's arguably an act in masochism. In this article you'll get an overview of the current batch of Frameworks and which you should choose to use.

In case you were wondering, I personally prefer Blueprint CSS as well.

Which CSS Grid Framework Should You Use for Web Design? from Nettuts

Recent Posts

Category

Archive

    Back to Top