Powered by GoodBarry

“Ninja Training for Web Designers”

Google Website Optimizer

Saturday, May 10, 2008 - Lawrence Hsu | BC

Website Optimizer, Google’s free website testing and optimization tool, allows you to increase the value of your existing websites and traffic without spending a cent. Using Website Optimizer to test and optimize site content and design, you can quickly and easily increase revenue and ROI whether you’re new to marketing or an expert.

Google Website Optimizer

Using CSS to Do Anything: 50+ Creative Examples and Tutorials

Thursday, May 08, 2008 - Lawrence Hsu | BC

CSS can powerfully open the doors to a lot of rich and unique techniques. Today we are presenting a round-up of CSS coding, creative approaches and techniques. Definitely worth taking a very close look at! We also included some basic techniques you can probably use in every project you are developing. This is just the third article in this series , the forth part will be coming soon, stay tuned and Enjoy!

Using CSS to Do Anything: 50+ Creative Examples and Tutorials from Noupe

OS Form Elements for Mockups

Wednesday, April 30, 2008 - Lawrence Hsu | BC

Lots of form elements to play with, for your web design mockups!

OS Form Elements from Designer's Toolbox

Ranking 80 of the Top CSS Galleries

Tuesday, April 29, 2008 - Lawrence Hsu | BC

Web design and CSS galleries are a great source of inspiration for designers, and they are also an outstanding resource for designers to get exposure for their work. Getting a site featured in some of the most popular galleries can bring thousands of visitors and some valuable inbound links.

Ranking 80 of the Top CSS Galleries from Vandelay Design

Collection of Web Developer Tools, per Browser

Sunday, April 27, 2008 - Lawrence Hsu | BC

With so many browser out there in the wild, working as a Web Developer certainly is not an easy job these days. Thankfully, over the last years, decent tools have been developed by bright people that make developing and debugging of code easier for the developer. But sometimes, it is not easy to keep track which tools are at a Developer’s disposal (and which are actually usable). The following article seeks to list the best tools available and quickly describing how to activate/install/use them.

Collection of Web Developer Tools, per Browser from Klaus Komenda

Poynter's Eye-tracking Follies

Friday, April 25, 2008 - Lawrence Hsu | BC

Poynter released their EyeTrack ’07 study findings some months ago and while this effort was not a completely useless study like their previous one, I thought it would be good to revisit how these sorts of studies can unnecessarily distract us in our design efforts.

I have to agree with Andy with this one. Designers have the power to control how users focus using strategically designed elements.

Poynter's Eye-tracking Follies from Design View

Four Bad Designs

Thursday, April 24, 2008 - Lawrence Hsu | BC

Bad content, bad links, bad navigation, bad category pages... which is worst for business? In these examples, bad content takes the prize for costing the company the most money.

Four Bad Designs by Jacob Nielsen

GridFox - The Grid Layout Firefox Extension

Wednesday, April 23, 2008 - Lawrence Hsu | BC

How can I be sure my grid is maintained from the original mockup to the final coded version? When I coded my first grid-based layout, I found myself regularly taking screenshots of the site and comparing them with my original grid in Photoshop. There had to be an easier way.

Enter GridFox. GridFox is a Firefox extension that overlays a grid on any website. If you can open it in Firefox, you can put a grid on top of it. It’s easy to customize, allowing you to create the exact grid you designed your layout around.

GridFox - The Grid Layout Firefox Extension by Eric Puidokas

Footers in Modern Web Design: Creative Examples and Ideas

Tuesday, April 22, 2008 - Lawrence Hsu | BC

According to classic principles of web design, everything at the bottom of the page isn’t that important. Most users think like that. And most designers are convinced that this is true. Site elements at the bottom of the page aren’t really able to catch visitors’ attention which is why footers are often forgotten or ignored and not given the attention they deserve.

Footers in Modern Web Design: Creative Examples and Ideas from Smashing Magazine

50 Ways Your Web Site is Discouraging Conversions — and How to Fix It

Monday, April 21, 2008 - Lawrence Hsu | BC

There are many sexy websites but then there are websites that aren't as sexy but are more effective. Are your sexy websites effective?

If your Web site gets great traffic but no sales or sign-ups to back it up, it's time to take a good, hard look at it. Chances are, your site is scaring off customers. Follow these tips to make your Web site more friendly to customers and encourage better conversion rates.

50 Ways Your Web Site is Discouraging Conversions — and How to Fix It from Inside CRM

Sweet Web Typography

Sunday, April 20, 2008 - Lawrence Hsu | BC

I'm totally loving this at the moment; not thinking about usability :p.

Web Designer's Guide to Firefox Web Developer Add-on

Wednesday, April 16, 2008 - Lawrence Hsu | BC

In case you haven't noticed, I've written a guide to the Firefox Web Developer Add-on.

Web Developer is a Firefox Add-on that helps you fix any webpage related problems, and test to see if the webpage is accessible; it's a must have for any web designers/developers. In this guide I've listed what Web Developer can do and how it can make you more powerful. By the end of this guide you will acquire x-ray vision like Superman, but in a very geeky way.

5 Firefox Extensions Any Web Developer Must Have

Wednesday, April 16, 2008 - Lawrence Hsu | BC

Don't forget Firebug, which is missing from that list.

5 Firefox Extensions Any Web Developer Must Have from Dev 102

6 Phases of the Web Design / Development Process

Tuesday, April 15, 2008 - Lawrence Hsu | BC

There are numerous steps in the web site design and development process. From gathering initial information, to the creation of your web site, and finally to maintenance to keep your web site up to date and current. The exact process will vary slightly from designer to designer, but the basics are generally the same.

6 Phases of the Web Design / Development Process from iDesign Studios

65 Resources for Grid-Based Design

Monday, April 14, 2008 - Lawrence Hsu | BC

Can't get enough of grids? :p

Grid-based design is obviously a popular approach in modern web design. Ford designers that use grids, this post includes links to useful tools that can improve your efficiency and effectiveness, as well as some articles for advanced techniques. For those of you who are not as familiar with the details of grid-based design, there are plenty of articles and learning resources here.

65 Resources for Grid-Based Design from Vandelay Design

25 Must Buy, Borrow, or Steal Books for Web Designers

Thursday, April 10, 2008 - Lawrence Hsu | BC

When I get passionate about a topic, I tend to search for the best material I can find on it in order to expand my knowledge further. Web design is no exception and this list represents the books I have found to be very useful.

25 Must Buy, Borrow, or Steal Books for Web Designers from Blog Design Blog

Why are You Still Using Tables for Layouts?

Wednesday, April 09, 2008 - Lawrence Hsu | BC

Whyyyyyyyyy!?

Some web designers swear that table-based layouts are better than CSS-based layouts, while others believe that table-based layouts are ancient history and XHTML combined with CSS is the only real solution to coding a web site’s visual layout. Since we’re one of those CSS die-hards, we’ve compiled a list of 13 reasons why CSS-based layouts are superior to table-based layouts.

13 Reasons Why CSS Is Superior to Tables in Website Design from Chromatic Sites

Optimize Your Site for Speed

Monday, April 07, 2008 - Lawrence Hsu | BC

This one is for the more technical designers.

Does your website load as quickly as you — and your users — would like? If not, here’s a detailed set of proven guidelines aimed at improving the speed of your site.

How-to: Optimize your site for speed from Jonathan Hedley

42 Must-Bookmark Resources for Web Designers

Saturday, April 05, 2008 - Lawrence Hsu | BC

Whether you are just starting out or a seasoned veteran these tools, tutorials, lists and other resources are great sites for any web designer. Organized into helpful categories (design inspiration, CSS resources, web design guides, color tools, free fonts and more) this collection not only has useful resources but also categorized links to other lists with 100s more.

42 Must-Bookmark Resources for Web Designers - Inspiration, Design, Color, Fonts and More from [Re] Encoded

101 Five-Minute Fixes to Incrementally Improve Your Web Site

Thursday, April 03, 2008 - Lawrence Hsu | BC

This is a must read!

A webmaster's work is never done. What may have worked a few years ago when could be outdated today, so it's important to constantly improve your Web site. However, a massive overhaul is just too much work to undertake at one time. Instead, tackle these quick fixes over time, and you'll be able to improve your Web site with minimal pain.

101 Five-Minute Fixes to Incrementally Improve Your Web Site from Inside CRM

Recent Posts

Category

Archive

    Back to Top