Latest Articles

Simple smart sticky navigation bar with jQuery

. jQuery, Tutorial

Simple Smart Sticky Navigation bar with jQuery

It’s been a while since I posted tutorial article. In this post, I will show you how to create a smart sticky navigation bar easily with just few lines of Javascript codes, powered by the mighty jQuery.

Smart sticky navigation bar is a bar that sits at its original place above the fold, but when you start scrolling down the long page, it will sticks at the top of the browser window and follows, similar to IGN’s corporate website’s navigation bar. Continue reading out the demo and the codes after the break.

Continue reading

9 websites that tell you the possibilities of CSS3

. Resources, Web Design

9 Websites that shows you the possibilities of CSS3

Web designers love playing with CSS. With the introduction of new CSS3 features few years back, it enables designers to save more time and resources while creating wonderful effects without using either images or Javascript. Now as the modern browsers are commonly support CSS3 properties, it’s common to see effects like rounded-corner boxes, text with shadow in action in many websites today.

Besides that, web designers also able to create much more things and effects that normally we can’t think of. Here I found 9 great websites that tell you the possibilities of CSS3. From these links, we can know how far we can achieve with CSS3, as well as become a good resource for learning too. Read on to check them out.

Continue reading

10 Tumblr sites that shows what Japan is about

. Japan

Tumblr Japan

Tumblr is a popular microblogging service that allows people to share thoughts quickly and easily online to the world via text, photos, video and more. Personally I really like Tumblr not just because of the user-friendliness and beautiful presentation, it has users that shares Japan related stuff.

I stumbled-upon a cool tumblog called Japan Love, the owner often upload random photos of Japan that he found on the Internet and gives a lot of different perspective of Japan. Well, there are many other Japan related Tumblr blogs, here I found a total of 10 (updated from 9!) that you should check them out!

Continue reading

Know The Font: 3+ Typography Inspiration Sites

. Inspiration, Typography

Know The Font: 3 Typography Inspiration Sites

[Updated] We all knew that there are a lot of websites showcasing the great usage of fonts and type treatment on various mediums like web or on the print, but sometimes you just want to know what font they are using. Well you can use font identification service to check the similar fonts, but is there any resources that tells you the font name?

Well there are, I found 3+ websites that not only showcase good examples of typography but also the fonts behind the design. Continue read on to check them out.

Continue reading

Flickr Gallery Showcase #5

. Flickr

Flickr Gallery Showcase #5

It’s Flickr gallery showcase again! Welcome to the fifth edition of this series. As usual, five awesome photo galleries will be showcased in this post. Continue read on to check out the inspirational galleries! If you want to check out the previous series, here are the link to first, second, third and fourth version of this series.

Cliccath

Cliccath

Cliccath has many outstanding captures of macro photography of insects and flowers. Link to Cliccath’s photo slideshow.

Continue reading

5 Web Tools That Let You Test Page Loading Speed

. Web 2.0

5 Web Tools That Let You Test Page Loading Speed

As we all knew it, page loading speed is one of the crucial subject to measure the success of a website. As a user, we all love fast loading websites and if a website takes its sweet time loading, most of the people will lose patient and leaving the site. According to John Jersin, Product Manager of Google, he said that 1 second delay in loading time resulting in 7% loss in conversions.

These shows that how important to optimize your website and maintaining the loading speed to a satisfactory level. Here I am going to show you some useful tools to test your page speed. Read on to find out!

Continue reading

Giveaway: Business Card Printing from UPrinting

. General

Giveaway: Business Card Printing from UPrinting

UPrinting an online printing company is partnering with us with a business card printing giveaway! View some ideas for your custom business cards and join the contest.

Giveaway Detail

  • Prize: 250pcs Die Cut Business Card Printing for one winner
  • Card measurement: 2 x 3.5″ Rounded Corners, 2×2″ Rounded Corners, 1.75×3.5″ Rounded Corners, 2×3.5″ Leaf, 2×3.5 Rounded one corner, 2×3.5″ Half Circle Side, 2×3.5″ Oval, 2.5″ Circle.
  • Paper: 14pt Cardstock Gloss / Matte / High Gloss (UV), or 13pt Cardstock Uncoated
  • Delivery: 6 Business Days Turnaround *Free shipping
  • Sample: see ideas for your custom business cards
  • Restriction: Limited to *US residents 18 years old and above only.

How to Participate

Simply leave a comment with a valid e-mail address below before 15 September 2011, and one lucky winner will be randomly chosen among valid participants (US residents only). Winner’s e-mail then will be sent to UPrinting for prize claiming.

Good luck everyone!

Update

The contest period has over. And the winner is Leslie! Leslie will be contacted soon for prize collection.

Disclaimer:
This custom business cards giveaway is sponsored by UPrinting, no monetary compensation was given for hosting. For more information about online printing please visit UPrinting.com.

10 Newspaper & Magazine Websites with good and usable front page design

. Inspiration, Web Design

10 Newspaper amp; Magazine Websites with good and usable design

Because currently I worked in a newspaper company, I have the opportunities to redesign the online version of their newspaper. I have not done any newspaper website design before and this is a great challenge for me. I always think that it is hard to create designs that has large amount of content and the flexibility of the layout, as well as how to make it usable to readers.

From my research, online version of Newspaper or magazine must have a layout that allow people to quick scan the latest news and quickly know the news that matters the most of the particular day. To support this, we can use white space, typography, colors etc to achieve this result. Besides that, also have to think of how to make space for advertising without taking too much attention away from the main content. Below are the examples of newspaper and magazine websites with good and usable front page design.

Continue reading

Google+ for Web Designers

. Web Design

Google+ for Web Designers

Google+ is the most red hot topic on the Internet right now. I was lucky to get invited by my friend and get a chance to test out this latest social networking service from Google. At the first time of logging in, I immediately fall in love with the clean, user friendly UI as well as the features. I would say that G+ is a really nice product that somehow combine the sweetness of Facebook and Twitter.

In fact that I really like G+ and thought that as a Web Designers or Developers, we can benefit from using it. In this post I will point out the simple things that you can do to make your G+ account a one-stop Web Design resources hub.

Continue reading

8 HTML presentation plugins that you can use

. jQuery, Resources

8 HTML presentation plugins that you can use

When comes to presentation, normally we will rely on softwares like PowerPoint or Keynote. These are really useful tools, but for people who doesn’t have the softwares, we still can use free online tools like Google Doc’s Presentation. But now there is another new way of doing presentation slides which is by using web-based HTML entirely.

The benefit of HTML presentation slides is compatibility. People can view your slides by using their favorite browser. Here, I found 8 plugins and resources that you can actually use to create your HTML presentation. Kudos to the innovative creator for making those useful plugins. Check them out after the jump.

Continue reading