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

As Button Generator

Wednesday, July 30, 2008 - Lawrence Hsu | BC

Don't know how to create buttons in Photoshop or just plain lazy? Generate buttons with a few clicks :>

As Button Generator

Search Engine Simulator

Tuesday, July 29, 2008 - Lawrence Hsu | BC

When a search engine spider visits your website page, it does not not view your page in the same way that site visitors view your pages. This SEO tool is basically a search engine simulator and the simulator gives our interpretation of what a search engine spider can see.

Search Engine Simulator from Kenkai

An Introduction to Using Patterns in Web Design

Saturday, July 26, 2008 - Lawrence Hsu | BC

Oldie but goodie!

The biggest challenge for web designers is the unthinkably huge number of possible ways to solve any given problem. We usually don't think of this because we have our habits and traditions to fall back on, but there are literally billions of possible pixel combinations for each page we make.

An Introduction to Using Patterns in Web Design from 37signals

Golden Ratio Calculator

Friday, July 25, 2008 - Lawrence Hsu | BC

This is pretty cool. If you don't know what the golden ratio is, check out this Wikipedia article.

Golden Ratio Calculator from Design by Ninjas

120+ Free Ajax Activity Indicator Gif Icons

Friday, July 25, 2008 - Lawrence Hsu | BC

How does one obtain a collection like this? Amazing.

120+ Free Ajax Activity Indicator Gif Icons from Badeziner

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

Faux Absolute Positioning

Wednesday, July 23, 2008 - Lawrence Hsu | BC

There are two popular approaches to positioning with CSS: float and absolute positioning. Both approaches have their pros and cons. My teammates and I have developed a new positioning approach that gives us the best of both worlds. After quite a bit of experimenting and testing, it’s time to share the technique with the rest of the world and see how we can work together to improve it. I’m calling it “faux absolute positioning” after the faux columns technique that simulates the presence of a column.

Faux Absolute Positioning from A List Apart

20 Photoshop Secrets Revealed…

Tuesday, July 22, 2008 - Lawrence Hsu | BC

Some nice photoshop tips~

20 Photoshop Secrets Revealed… from Francesco Mugnai

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

Introducing SenCSS

Monday, July 21, 2008 - Lawrence Hsu | BC

SenCSS is a sensible standards CSS Framework. This means that SenCSS tries to supply standard styling for all repetitive parts of your CSS, allowing you to focus on the fun parts. In that sense, senCSS is a bit like a large CSS Reset.

Introducing SenCSS from Kilian Valkhof

12 Examples of Paragraph Typography

Sunday, July 20, 2008 - Lawrence Hsu | BC

This is really nice. Check it out if you're into typography.

Paragraphs are punctuation, the punctuation of ideas. After selecting a typeface, choosing the right paragraph style is one of the cornerstones of good typography. This is a brief inquiry into paragraph style for the Web.

12 Examples of Paragraph Typography from Jon Tan

I'll Have That Typeface on the Menu

Sunday, July 20, 2008 - Lawrence Hsu | BC

It's no secret that the cost of a restaurant dish tends to mirror its complexity. That's why a menu item that says "medley of berry conserves and pureedpindas " is likely to cost five times what it would if it were just called peanut butter and jelly. But it turns out that obscure menu terminology may be just half the game. A new study suggests that typography also plays a role in influencing diners.

I'll Have That Typeface on the Menu from TIME

Writing an Interface Style Guide

Saturday, July 19, 2008 - Lawrence Hsu | BC

If you have ever designed a beautiful interface only to find it ugly five months later because gaudy graphics, unpleasant colors, and distasteful fonts appeared over time, then you understand how maddening design disintegration can be. Similarly, if you have ever developed a clean, web standard, and accessible interface but later found the site littered with invalid, inaccessible, and presentational markup, then you understand this frustration as well.

Writing an Interface Style Guide from A List Apart

Saving the Spark: Developing Creative Ideas

Saturday, July 19, 2008 - Lawrence Hsu | BC

Ideas. They’re at the heart of every creative process. However, almost no really good ideas are flashes of inspiration. They may start that way—a single glimmer of something special—but in order to work, they need to be honed. Like a really good cheese, they need to mature. Indeed, the “flash of inspiration” idea—the Eureka moment—is only part of a longer process that, if ignored, will see most ideas simply fizzle out.

Saving the Spark: Developing Creative Ideas from A List Apart

Web Design: 10 Additional Research Findings You Should Know

Friday, July 18, 2008 - Lawrence Hsu | BC

Following up on last year’s post on web design research, here’s a new collection of research results, this time featuring further reading as well. It happens that I still watch the work of Association for Computing Machinery, Human Factors International, and the like.

Web Design: 10 Additional Research Findings You Should Know from Jens Meiert

Some New CSS Features in Firefox 3

Friday, July 18, 2008 - Lawrence Hsu | BC

Our developer documentation already has a list of the new CSS features in Firefox 3. I'd like to talk in some more detail about some of the more interesting or useful ones.

Some New CSS Features in Firefox 3 by David Baron

Recent Posts

Category

Archive

    Back to Top