Powered by GoodBarry

“Ninja Training for Web Designers”

Lazy Eyes - How We Read Online

Thursday, July 17, 2008 - Lawrence Hsu | BC

For the past month, I've been away from the computer screen. Now I'm back reading on it many hours a day. Which got me thinking: How do we read online?

Lazy Eyes - How We Read Online from Slate

Tutorial Dog

Thursday, July 17, 2008 - Lawrence Hsu | BC

Tutorial Dog is a tutorial web site that seeks to help people learn Adobe Photoshop, CSS, Javascript, HTML and OS X Tips (and have fun). Tutorial Dog tries to provide the most insightful tips and coolest techniques to advance your knowledge of the subject covered. Having said that, we try to always include a psd (Photoshop Document File) with every Photoshop Tutorial so that you can go hands on with results we show. We also like to give away cool resources such as OS X icons and handy templates for free.

Tutorial Dog

PSDTUTS' Favourite Photoshop Tutorial Sites

Wednesday, July 16, 2008 - Lawrence Hsu | BC

As you know, we here at PSDTUTS are absolutely and totally committed to being the best place for Photoshop junkies to click to. With that goal in mind, I try to keep an eye on all the other photoshop tutorial destinations around. Lately I've been coming across some really awesome sites - both old and new. This is great because it keeps us here at PSDTUTS on our toes!

My Favourite Photoshop Tutorial Sites (Besides PSDTUTS!) from PSDTUTS

100 Awesome Webmaster Videos on YouTube

Wednesday, July 16, 2008 - Lawrence Hsu | BC

While many people see YouTube as a fun and mindless distraction, the fact is that it's really quite useful. The video site is full of educational tools for just about anyone, webmasters included. These 100 videos for webmasters include clips with subjects ranging from SEO (search-engine optimization) to domain buying.

100 Awesome Webmaster Videos on YouTube from Inside CRM

PodiPodi - The Magical Box

Tuesday, July 15, 2008 - Lawrence Hsu | BC

This is pretty cool :]

PodiPodi is an experimental project in Interaction Design born with the aim to give web designers a way to enhance their websites with two new levels of interaction.

PodiPodi

Block Quotes and Pull Quotes: Examples and Good Practices

Tuesday, July 15, 2008 - Lawrence Hsu | BC

Quotes are used to emphasize excerpts of text. Since users almost never read but scan we need to provide them with some focus anchors to fix their attention to the most important parts of our articles. Furthermore, quotes are always used for testimonials and sometimes for blog comments. They can be styled using graphics, CSS and a little bit of JavaScript. Sometimes, creative dynamic solutions can be applied as well.

Block Quotes and Pull Quotes: Examples and Good Practices from Smashing Magazine

15 Tools to Help You Develop Faster Web Pages

Monday, July 14, 2008 - Lawrence Hsu | BC

Response times, availability, and stability are vital factors to bear in mind when creating and maintaining a web application. If you’re concerned about your web pages’ speed or want to make sure you’re in tip-top shape before starting or launching a project, here’s a few useful, free tools to help you create and sustain high-performance web applications.

15 Tools to Help You Develop Faster Web Pages from Six Revisions

Anti-Spam Email Address Encoder

Monday, July 14, 2008 - Lawrence Hsu | BC

This is really awesome but sorry, Mac only :(

Posting your email address on a website is a sure-fire way to get an inbox full of Spam. The Enkoder helps protect email addresses by converting them into encrypted JavaScript code, hiding them from email-harvesting robots while revealing them to real people.

The Enkoder from Hivelogic

8 Things You Should Include In Your Terms of Service Agreement

Sunday, July 13, 2008 - Lawrence Hsu | BC

If you’ve been a solo freelancer for any significant stretch of time, you’ve probably learned the hard way that a work project can go horribly wrong. They turn out to be life lessons in the long run, but there are ways to protect yourself.

8 Things You Should Include In Your Terms of Service Agreement from Freelance Switch

Javascript Framework Usage Among Top Websites

Sunday, July 13, 2008 - Lawrence Hsu | BC

Which Javascript frameworks are the most common? To answer that question, we here at Pingdom have examined a set of almost 200 popular websites to see if they use a Javascript framework, and in that case which framework they have chosen. The websites were collected from the Alexa US Top 100 and the Webware Top 100 Web Apps. The frameworks we looked for were Prototype, JQuery, MooTools, Yahoo! UI Library, Dojo, ExtJS and MochiKit.

Javascript Framework Usage Among Top Websites from Royal Pingdom

Web Form Context Highlighting Using jQuery

Saturday, July 12, 2008 - Lawrence Hsu | BC

In my previous article "Labels in form layouts" I wrote about how I have implemented "underlined labels" on web application forms. However, due to complexity of web appications I developed I often needed to find a way to focus a user on a current context. When I discovered jQuery I decided to use it because of its powerful features.

Building a Better Web Forms: Context Highlighting Using jQuery from Janko at Warp Speed

CSS Support in Email Clients

Saturday, July 12, 2008 - Lawrence Hsu | BC

Designing an HTML email that renders consistently across the major email clients can be very time consuming. Support for even simple CSS varies considerably between clients, and even different versions of the same client.

CSS Support in Email Clients from Campaign Monitor

Create a Simple, Intelligent Accordion Effect Using Prototype and Scriptaculous

Friday, July 11, 2008 - Lawrence Hsu | BC

We've all seen the "accordion" type effect used on many Web 2.0 sites; however, many accordion scripts are heavy, make poor use of the libraries they are based on, and don't handle things like ensuring that the accordion maintains a consistent height. In this tutorial, we will use the Prototype and Scriptaculous libraries to create a lightweight, intelligent accordion.

Create a Simple, Intelligent Accordion Effect Using Prototype and Scriptaculous from Nettuts

Key Differences Between Web 1.0 and Web 2.0

Friday, July 11, 2008 - Lawrence Hsu | BC

Web 2.0 is a buzzword introduced in 2003–04 which is commonly used to encompass various novel phenomena on the World Wide Web. Although largely a marketing term, some of the key attributes associated with Web 2.0 include the growth of social networks, bi–directional communication, various ‘glue’ technologies, and significant diversity in content types. We are not aware of a technical comparison between Web 1.0 and 2.0. While most of Web 2.0 runs on the same substrate as 1.0, there are some key differences. We capture those differences and their implications for technical work in this paper.

Key Differences Between Web 1.0 and Web 2.0 by Graham Cormode and Balachander Krishnamurthy

Sliding Top Menu with jQuery

Thursday, July 10, 2008 - Lawrence Hsu | BC

Sliding menus are very effective in areas where we have limited space. This is a sliding top menu built with jQuery which can be fired through the open & close buttons or with any tag with the related class name. You can also use it as an info box, login area & more.

Sliding Top Menu with jQuery from Web Resources Depot

Free Photoshop Shapes Downloads

Thursday, July 10, 2008 - Lawrence Hsu | BC

I am in love with vector shapes right now. I think they are so handy to have around when you are building a site. The way that you can stretch vectors without creating jaggy edges, makes them incredibly useful. Most of the time I just land up breaking them apart to use a curve that I like. I also love using them for as badges or buttons on web sites.

Free Photoshop Shapes Downloads - Mega List of Free Custom Vector Shapes for Adobe Photoshop - Part I from All Graphic Design

10 SEO Rules for Designers

Wednesday, July 09, 2008 - Lawrence Hsu | BC

Search Engine Optimisation (SEO) is a vital component of any website. As a web designer or blogger, it’s important you understand how SEO works. Here are ten easy rules that will immediately improve the SEO on all of your web sites.

10 SEO Rules for Designers by Joshua Jeffrey

Colour Tools, Palettes, Schemes and Theory

Wednesday, July 09, 2008 - Lawrence Hsu | BC

Whether you’re a website designer, logo designer, print designer or other, this comprehensive list of colour tools and resources will help. The links are separated into the following: colour palettes and combinations, colour theory, colour tools, colour patterns, and colour code.

Colour Tools, Palettes, Schemes and Theory from David Airey

Writing Style for Print vs. Web

Tuesday, July 08, 2008 - Lawrence Hsu | BC

Linear vs. non-linear. Author-driven vs. reader-driven. Storytelling vs. ruthless pursuit of actionable content. Anecdotal examples vs. comprehensive data. Sentences vs. fragments.

Writing Style for Print vs. Web by Jakob Nielsen

25 Beautifully Dark Websites - Part II

Tuesday, July 08, 2008 - Lawrence Hsu | BC

In the right situation, a dark website background can create a stunning look. As a follow up to the original collection from several months ago, here are another 25 dark websites for your design inspiration.

25 Beautifully Dark Websites - Part II from Vandelay Design

Recent Posts

Category

Archive

    Back to Top