Powered by GoodBarry

“Ninja Training for Web Designers”

A Design is Finished when... 23 Pro Designers' Opinions

Friday, June 27, 2008 - Lawrence Hsu | BC

One of the most important and hardest things to overcome when designing is to understand when the piece you are designing on is actually finished. while creativity is sometime boundless the end result should always be the result of a clear objective, the end result. I often get caught between creativity and completion and from the emails I've received, I have discovered im not alone .So we asked the experts.

A Design is Finished when... 23 Pro Designers' Opinions from Abduzeedo

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

10 Examples of Beautiful CSS Typography and how they did it…

Thursday, June 26, 2008 - Lawrence Hsu | BC

There are a lot of great sites out there that have beautiful Typography using only CSS, however simply looking at them is only half of the picture. We want to know what did they do, and how/why does it result in beautiful type? NOTE: Do not simply steal the design/code/style listed here, learn from it. I have seen a few sites that have ripped off the design elements of these sites and it is awful.

10 Examples of Beautiful CSS Typography and how they did it… by Ross Johnson

Saving the Spark: Developing Creative Ideas

Thursday, June 26, 2008 - Lawrence Hsu | BC

So, how do you “have” ideas? Sit about and wait for them to pop into your head? If only most of us had the luxury to do so. No, for most of us, ideas have to be squeezed out of us every day. To stand up to this challenge, you need to arm yourself with some good tools.

Saving the Spark: Developing Creative Ideas from A List Apart

Picreflect

Wednesday, June 25, 2008 - Lawrence Hsu | BC

Personally I'm not a big fan of the image reflection effect, but if you're a fan then you'll love Picreflect. Picreflect has to be the 'dirtiest' way to create image reflections :p

Picreflect.com

Improving on Robots Exclusion Protocol

Wednesday, June 25, 2008 - Lawrence Hsu | BC

Check this out if you don't want certain content to appear in the search engine results.

Today, in that same spirit of making the lives of webmasters simpler, we're releasing detailed documentation about how we implement REP. This will provide a common implementation for webmasters and make it easier for any publisher to know how their REP directives will be handled by three major search providers -- making REP more intuitive and friendly to even more publishers on the web.

Improving on Robots Exclusion Protocol from Official Google Webmaster Central Blog

Writing an Interface Style Guide

Tuesday, June 24, 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. Documentation can help avoid these issues—it provides guidance on how to maintain and update the interface, and keep it beautiful at the same time.

Writing an Interface Style Guide from A List Apart

Coda Slider Effect

Tuesday, June 24, 2008 - Lawrence Hsu | BC

Although Panic didn't really invent the effect, the sliding panels on the Coda is great implementation of this effect. This article will pick apart the pieces required to create the effect, and how to better it.

Coda Slider Effect from jQuery for Designers

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

Beautiful CSS Buttons With Icon Set

Monday, June 23, 2008 - Lawrence Hsu | BC

I love clean design and in general simple solutions to design nice and attractive elements for my websites. This tutorial illustrates how to design nice clean buttons using some lines of HTML, CSS code and proxal icon set.

Beautiful CSS Buttons With Icon Set from Woork

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

How To Create A Keypress Navigation Using jQuery

Sunday, June 22, 2008 - Lawrence Hsu | BC

The key to a succesful website is the ease with which a user finds what they are looking for. Thus, it's worth spending a lot of time and effort in creating both useful and visually appealing navigation systems. Lately, I have began experimenting with new ways to navigate a website. In this tutorial I'll show you how to let the user make use of their keyboard to get around your site.

How To Create A Keypress Navigation Using jQuery from Nettuts

How To Make an Accordion Menu Using jQuery

Saturday, June 21, 2008 - Lawrence Hsu | BC

In this post I’ll show you how can you create fancy accordion menu using jQuery. In this post, you’ll see two examples of accordion. First menu’s visibility get’s toggled on clicking on the header while the another menu’s visibility get’s toogled when mouse is moved over it.

How To Make an Accordion Menu Using jQuery from Roshan's Blog

Want to be an Icon Designer? 15 Amazing Photoshop Icon Tutorials.

Saturday, June 21, 2008 - Lawrence Hsu | BC

Ever wondered how the great icon designer do it? Well, here are 15 Photoshop Tutorials that lets you peek behind the curtain and get you started.

If you want to learn how to design icons like a ninja, check out Icon Resource (not free by the way).

Want to be an Icon Designer? 15 Amazing Photoshop Icon Tutorials. from Speckyboy

How to Theme any CMS Using Firebug (and MediaWiki as an Example)

Friday, June 20, 2008 - Lawrence Hsu | BC

Often in my career as a web ninja, I've been asked to skin or theme open source projects to bring them in line with my clients brand. Depending on the project this can be more, or less frustrating (I'm looking at you Magento) but MediaWiki is one of the easier projects to work with because of the limited number of files and things to adjust. In this tutorial we'll go through the theming process I used to style the upcoming PSDTUTS Wiki, but the process, particularly using Firebug, could be applied to pretty much any CMS.

Firebug is good, but you might want to check out CSSEdit if you're a Mac user :]

How to Theme any CMS Using Firebug (and MediaWiki as an Example) from Nettuts

Vote! How to Detect the Social Sites Your Visitors Use

Friday, June 20, 2008 - Lawrence Hsu | BC

If you could detect which social bookmarking sites your reader uses, on a per-reader basis, you could display only the badges they care about. But you can’t know that because the browser secures the user’s history, right? Wrong.

Vote! How to Detect the Social Sites Your Visitors Use from Aza's Thoughts

2008 Email Design Guidelines

Thursday, June 19, 2008 - Lawrence Hsu | BC

As web designers, we’ve grown pretty good at understanding how to create a modern, semantic, accessible website using XHTML and CSS. We understand what makes a good website, and how to make it happen. When it comes time to design emails though, do all the same rules apply? Are there things we should be doing specifically for email that don’t make sense on a website? In this article we’ll discuss the technical, design and information elements that make up a successful HTML email.

2008 Email Design Guidelines from Campaign Monitor

Smart Border Effects

Thursday, June 19, 2008 - Lawrence Hsu | BC

Dave likes to keep things flexible as he works. Here are some editable border effects that take advantage of smart objects using Illustrator and Photoshop.

Smart Border Effects from Layers Magazine

How to Load In and Animate Content with jQuery

Wednesday, June 18, 2008 - Lawrence Hsu | BC

In this tutorial we will be taking your average everyday website and enhancing it with jQuery. We will be adding ajax functionality so that the content loads into the relevant container instead of the user having to navigate to another page. We will also be integrating some awesome animation effects.

How to Load In and Animate Content with jQuery from Nettuts

The Official "Successful Website Checklist Challenge"

Wednesday, June 18, 2008 - Lawrence Hsu | BC

If your website doesn’t stand out and do a heck of lot of things right, then chances are it’s going to crash and burn. Take our “Successful Website Checklist Challenge” (below) and see what you’re doing right, what you’re doing wrong, and what you’re forgetting to do. We’ve even included notes and resources for nearly every item on the checklist (just to make your life easier).

The Official "Successful Website Checklist Challenge" from Chromatic Sites

Recent Posts

Category

Archive

    Back to Top