Powered by GoodBarry

“Ninja Training for Web Designers”

25 More Most Incredible Photoshop Tutorials

Tuesday, June 17, 2008 - Lawrence Hsu | BC

Like I’ve said before - it’s all about the process, not the end result. Don’t pass over a tutorial simply because you don’t like the finished product. Work the tutorial anyways to learn all the tools, tricks, and methods used in Photoshop to give some really neat effects.

25 More Most Incredible Photoshop Tutorials from Elite by Design

CSS Decorative Gallery

Tuesday, June 17, 2008 - Lawrence Hsu | BC

I’m using the same trick to show you how to decorate your images and photo galleries without editing the source images. The trick is very simple. All you need is an extra tag and apply a background image to create the overlaying effect. It is very easy and flexible — see my demos with over 20 styles, from a simple image icon to a rounded corner to a masked layer (both decorative and complex).

CSS Decorative Gallery from Web Designer Wall

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

Unsharp Mask: How Do You Actually Use That Thing?

Monday, June 16, 2008 - Lawrence Hsu | BC

You never had to sharpen your photos when you were using film, so why do digital photos need it? Because film and digital cameras record images differently, young padawan. Read on…

For the lazy ones:

  • All-purpose sharpening: amount=85, radius=1, threshold=4
  • Sharpening for the web: amount=400, radius=0.3, threshold=0

Unsharp Mask: How Do You Actually Use That Thing? from Photojojo

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

24 Kick Ass Portfolio Designs

Sunday, June 15, 2008 - Lawrence Hsu | BC

Many of my choices happened to be one page design portfolios. I always tend to gravitate towards the one-pagers because of the simplicity and easy to follow flow. I don’t like to click around to hunt good work down. If it takes me more than 5 seconds to locate your portfolio - then I am off to another site. My own portfolio is a one page site. Through my research in finding the best designed portfolio sites I looked at grids (which always hold my attention), typography and navigation / layout of the site.

24 Kick Ass Portfolio Designs from Fuel Your Creativity

Two Hidden Features New in Firefox 3

Saturday, June 14, 2008 - Lawrence Hsu | BC

For us developers, much has been said about the main improvements coming in Firefox 3. Stuff like built-in support for features web applications that work offline with locally cached data, and full-page zoom that makes it easier to design for visually impaired users, are all great to see, but in this post I’m going to take the opportunity to look at a couple of features that could be easily overlooked.

Firefox 3 finally supports display: inline-block!@#%$^

Two Hidden Features New in Firefox 3 from Sitepoint

List of Web Safe Fonts

Saturday, June 14, 2008 - Lawrence Hsu | BC

Here is the list of websafe fonts that I use in my own personal web development. Websafe (or "web safe", "safe for the web") fonts are supposedly fonts that are common among all versions of Windows, Mac, Linux, etc. Fonts that you expect everyone viewing your webpage to have.

List of Web Safe Fonts from Font Tester

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

Sliding JavaScript Menu Highlight 1kb

Thursday, June 12, 2008 - Lawrence Hsu | BC

This sliding hover effect script is an easy method to add some flavor to your navigation. Using the CSS you can easily customize the navigation to fit your “look and feel”.

Sliding JavaScript Menu Highlight 1kb by Michael Leigeber

Input vs. Button

Thursday, June 12, 2008 - Lawrence Hsu | BC

My latest redesign project at work was for Group Logic. Another company did the design and created static HTML templates. My role was to create a single header and footer to make maintaining the site easier, and to wrap the store and other dynamic applications in the new design. The company who designed it used images for the form buttons, and I found some interesting things while implementing them.

Input vs. Button by Trevor Davis

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

The Cure for Content-Delay Syndrome

Wednesday, June 11, 2008 - Lawrence Hsu | BC

In the vast majority of website projects that I have managed during my ten years in the industry, content is often the last thing to be considered (and almost always the last thing to be delivered). We’ll spend hours, weeks, even months, doing user scenarios, site maps, wireframes, designs, schemas, and specifications—but content? It’s a disrespected line item in a schedule: “final content delivered.” It’s the perennial cause of delay and the stuff of myth (I once shelved a project for three years while the client “wrote” his content.) It’s a malaise that needs fixing and needs fixing fast.

The Cure for Content-Delay Syndrome from A List Apart

Creating Geometric Patterns in Illustrator

Wednesday, June 11, 2008 - Lawrence Hsu | BC

Sometimes when I create a pattern background in Illustrator I don’t end up with a Pattern Swatch. Instead, I create a Symbol of the repeating element and I create a whole background repeating this Symbol: duplicating 1, then 2, 4, 8, 16 and so on. It’s just not always that simple to create perfectly seamless patterns, especially with geometric forms. Today I’ll show you how to create a geometric pattern shape and fill a background with it using the method I just described.

Creating Geometric Patterns in Illustrator by Veerle Pieters

50+ Designers to Follow on Twitter

Tuesday, June 10, 2008 - Lawrence Hsu | BC

Twitter seems to be gaining popularity almost every day. As a new user I decided it would be helpful to do some research to find designers who would be worth following. This list is not intended to be all-inclusive (so please add a link to your profile in the comments if you like), but it should give you a great start to following some talented designers. This is a list of over 50 designers, in no particular order, with a link to their Twitter profile.

(BTW, my twitter username is larzshinobi)

50+ Designers to Follow on Twitter from Vandelay Website Design

Findability Bliss Through Web Standards

Tuesday, June 10, 2008 - Lawrence Hsu | BC

Learn how web standards can help make any project more findable for your users and accessible to search engines. Findability bliss is even attainable with Ajax and Flash interfaces with some web standards wisdom.

Findability Bliss Through Web Standards by Aarron Walter

Bright! - A Free Icon Set

Monday, June 09, 2008 - Lawrence Hsu | BC

At Frexy, we really love icon design. In the past few months, me and Vu Tran have worked on an icon set called “Bright!”, and today, we happily release Bright! as a freebie for you.

Bright! - A Free Icon Set by Min Tran

Google User Experience

Monday, June 09, 2008 - Lawrence Hsu | BC

I think this is what we should strive for.

The Google User Experience team aims to create designs that are useful, fast, simple, engaging, innovative, universal, profitable, beautiful, trustworthy, and personable. Achieving a harmonious balance of these ten principles is a constant challenge. A product that gets the balance right is "Googley" – and will satisfy and delight people all over the world.

Google User Experience from Google

The Showcase Of BIG Typography - Second Edition

Sunday, June 08, 2008 - Lawrence Hsu | BC

In Web typography doesn’t have to support the overall design. It can dominate. It can be loud. It can be bold. And it can be everywhere on a web-site. In many situations it’s reasonable to give the typography the prominent position it deserves, leaving visual cues in the background or removing them at all. Doing that, you have to risk large font sizes surrounded by a generous amount of white space. What comes out of it? Elegant web sites with a unique form, style and sense of precision.

The Showcase Of BIG Typography - Second Edition from Smashing Magazine

Recent Posts

Category

Archive

    Back to Top