Powered by GoodBarry

“Ninja Training for Web Designers”

Gallery of CSS Galleries

Sunday, June 08, 2008 - Lawrence Hsu | BC

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

Top reasons your CSS columns are messed up

Saturday, June 07, 2008 - Lawrence Hsu | BC

Do not miss this post from Kyle Neath.

I believe the recent surge in popularity of CSS frameworks comes from a lack of basic understanding of the CSS box model and how it’s implemented across browsers. I wanted to share with you some quick tips on how to avoid easy pitfalls so you can create your own CSS framework in no time flat, without all the cruft of having ten thousand column combinations available. Keeping these quick tips in mind at all times will allow you to do something I like to call defensive coding — and really that’s all CSS frameworks are: defensively coded snippets of CSS.

Top reasons your CSS columns are messed up from Warpspire

20 Useful Tools to Make Web Development More Efficient

Saturday, June 07, 2008 - Lawrence Hsu | BC

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

Digital Image Resources on the Deep Web

Friday, June 06, 2008 - Lawrence Hsu | BC

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

Learning JavaScript Programming Language through Video Lectures

Friday, June 06, 2008 - Lawrence Hsu | BC

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

Useful Podcasts For Designers And Developers

Thursday, June 05, 2008 - Lawrence Hsu | BC

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

Using jQuery to Produce Rich User Interfaces

Thursday, June 05, 2008 - Lawrence Hsu | BC

All the animations used throughout the company site I’ve written with jQuery, the greatest JavaScript library on the planet (yeah, I went there). jQuery makes client-side scripting not only super-easy but a blast to write. I’ve written about jQuery before and how much I like it (I even recently gave a talk to that effect) but have long wanted to break down how it powers our little portfolio slider. (I won’t go into too much detail about jQuery itself — I leave finding introductory tutorials elsewhere on the intertubes as an exercise to the reader.)

Using jQuery to Produce Rich User Interfaces from OnWired

Sexy, Bold And Experimental Typography

Wednesday, June 04, 2008 - Lawrence Hsu | BC

Sometimes typography is all you need to communicate your ideas effectively. Graphics can support the type or type can support the graphics, but to deliver the message precisely, you need to make sure your type is expressive enough, your design is distinctive enough and the composition is strong enough. The results are sometimes crazy, sometimes artsy, sometimes beautiful, but often just different from things we’re used to. Thus designers explore new horizons and we explore new viewing perspectives which is what inspiration is all about.

Sexy, Bold And Experimental Typography from Smashing Magazine

Zebra Striping: Does it Really Help?

Wednesday, June 04, 2008 - Lawrence Hsu | BC

Zebra striping—also known as candy striping or half-shadow—is the application of faint shading to alternate lines or rows in data tables or forms. Examples of websites that use zebra striping include the currency site XE, the CIA World Factbook, and Monster.com. Zebra striping on the web is actually a carryover from print days: one of the first mentions of the technique appeared in 1961 [1].

Zebra Striping: Does it Really Help? from A List Apart

Easiest Tooltip and Image Preview Using jQuery

Tuesday, June 03, 2008 - Lawrence Hsu | BC

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

Credit Card Logos

Tuesday, June 03, 2008 - Lawrence Hsu | BC

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

Less Is Still More

Monday, June 02, 2008 - Lawrence Hsu | BC

Thanks for the reminder Jens~

How much time and money gets spent on making things worse is something I find absolutely fascinating. Allow me to elaborate, starting with HTML newsletters: People (let) spend hours on writing supposed content, create and decorate mockups, work around ridiculous email client implementations, and finally send mails that aren’t read at all, and, at the end of the day, harm the sender.

Less Is Still More by Jens Meiert

Volume Doesn't Matter

Monday, June 02, 2008 - Lawrence Hsu | BC

Despite what you’ve read, the volume of text on your page in and of itself has no impact on the success of your site. Statisticians will tell you otherwise, because they observe specific behaviors and perceive patterns and think that their perceptions easily translate into concrete conclusions. They’re usually wrong on this score. The fact is it doesn’t matter what volume of copy you have if the copy is well designed.

Volume Doesn't Matter by Andy Rutledge

25 Resources for Ornaments, Fleurons, and “Frilly Bits”

Sunday, June 01, 2008 - Lawrence Hsu | BC

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

Managing Design

Sunday, June 01, 2008 - Lawrence Hsu | BC

Not sure how design could fit into your business? Want to find out how other people do it? Read our in-depth articles on how design is managed, with practical ideas and real-life examples of design being used for business success.

Managing Design from Design Council

5 Principles And Ideas Of Setting Type On The Web

Saturday, May 31, 2008 - Lawrence Hsu | BC

There are many ways to approach Web typography in order to create effective and expressive results. Let’s take a closer look at some principles, rules and ideas for approaching Web typography decisions — you can use them as a starting point for learning how to achieve effective type setting on the Web.

5 Principles And Ideas Of Setting Type On The Web from Smashing Magazine

Kotatsu Table Builder

Saturday, May 31, 2008 - Lawrence Hsu | BC

Sick of adding class names to table cells? Kotatsu to the rescue!

Inspirational PDF Magazines

Friday, May 30, 2008 - Lawrence Hsu | BC

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

Homer CSS

Friday, May 30, 2008 - Lawrence Hsu | BC

Some guy drew Homer using CSS. *COLLAPSE*

Create a Sleek, High-End Web Design from Scratch

Thursday, May 29, 2008 - Lawrence Hsu | BC

In this tutorial we'll put together a high-end web design using a crisp, thin font, gorgeous background images and clever use of space and layout. You can easily use the technique to create your own unique designs.

Create a Sleek, High-End Web Design from Scratch from PSDtuts

Recent Posts

Category

Archive

    Back to Top