Web Design Archives - Page 4 of 8 - Jayhan Loves Design & Japan

Go to the Top, Please

27 Dec 10

. jQuery, Web Design

Go to the Top, Please

In many websites with lengthy content, one very common features is by providing a “Go to top” button at the end section of an article for users to quick access to the top of the page, without using the scroll bar. This can be achieve easily by using a very simple anchor link that targets the top area of the web page. Cool and straight forward.

Well, actually I saw some really cool “Go To Top” approach which makes the experience a lot better. All you need to do is by adding some Javascript goodness into it. I will show you some real world examples and plugins to achieve the effect. Now, going to top has never been this good!

Best of 2010

22 Dec 10

. Inspiration, Resources, Web Design

Best of 2010

Few more days to go which marks the end of the brilliant year of 2010. It’s been an exciting year for the world of Web Design and the social web, a lot of new ideas, great designs, resources and tutorials that we all can collect and learn. There are a lot of “best of” roundups from various blogs and here I put up all together in a post for easy reference.

I categorize the best of roundups into 8 big categories which consist of best free fonts, best jQuery plugins, best tutorials and more. Well continue reading to check them out!

Galleries With Specific Genre

22 Nov 10

. Inspiration, Web Design

Galleries With Specific Genre

Visiting galleries definitely are one of the ways to look for design inspirations. There are tonnes of galleries out there showcasing the best in designs, and some of them are focusing on specific genre or field of area, for example app designs, minimalist designs, typography and more. This is quite handy because I can focus on specific genre in straight forward manner.

Without further elaborating, below are some galleries with specific genre. Continue reading to proceed!

Designers & Developers’ Front End Playground

15 Nov 10

. Inspiration, Web Design

Designers & Developers' Front End Playground

Playground is always the best place to have fun and explore new things. Kids loves to play with sand, bricks and toys. But this doesn’t mean that human stop playing when grown up. We are still playing but with different sets of tools and play zone. Web Designers and Developers too, love to play and experiment. Here in this post, I present you 8 designers and developers’ front end playground.

Besides doing full time job or client’s assignments, these adventurous designers and developers are not forgetting the desire of trying something new with latest web technologies like HTML5, CSS3 and Javascript. Some demonstrations are really cool and able to learn from them on what’s the possibilities in web design scene. Please check out their playgrounds after the break!

Where to find latest Web Design news & articles?

09 Nov 10

. Web Design

Where to find latest Web Design news & articles

As a Web Designer, one thing that I really need to thank is the news resources and articles that provided by various Web Designer blogs from all of the world. From there, I am able to expose myself to the latest trends and practices to make a better websites. News and articles like essential CSS skills, awesome jQuery plugins or cutting edge Photoshop techniques, we can’t just get enough of that! But there’s an issue. How to keep up with all the news and articles?

One of the obvious practice is to subscribe to the blog’s RSS feed and load them into your reader like Google Reader and Netvibes, but sometimes it can get too much and it’s hard to filter out. Well here I will share with you all on how to find latest Web Design news and articles from various design blogs in a place. The links are normally generated by popularity or bookmarked by community. Well lets find out!

Trend: Web Design with visible grid lines

03 Nov 10

. Inspiration, Web Design

Trend: Web Design with visible grid lines

In the modern Web Design, the implementation of a grid system is getting popular and become a common practice, thanks to the 960.gs and design pioneers like Khoi Vinh. With grid system, designers are able to lay out the structures in a more refined way. However, these grid guidelines are normally invisible on the design output. But I found that there are some websites that has visible grid lines as part of the design.

Well I think this definitely is a small trend in the current Web Design. By putting grid lines on the design, it somehow shows the professionalism of the designers on how he or she structures and align the design, while it also looks cool and geeky as well. Some grid lines are clear and some are subtle. Here I present you 17 websites that has visible grid lines. Please check it out.

Web Design Blogs from Japan that worth visiting

18 Oct 10

. Japan, Web Design

Japan Web Design blog

When comes to Web Design blogs, everyone will think of world popular blogs like Smashing Magazine or CSS Tricks. As a person that obsess with Japanese designs, I also go to Web Design blogs that originate from Japan. With my knowledge in Japanese language, I can generally understand the articles and posts from the blog. Actually there are quite a number of blogs and it is quite informative!

Below is the list of the Japanese Web Design/Development blogs below, some of the blogs had featured articles from this blog, really thanks to them. For others, it can be easily found on social bookmark services like Delicious and Hatena Bookmark. Web Design blogs from Japan are quite well written and from here, I can see the different ways of presenting the information compared with the English design blogs. Well enough of words, here is the list, alphabetically sorted.

Inspiration: 16 websites in Pink

04 Jul 10

. Inspiration, Web Design

Inspiration: 16 websites in Pink

When talking about pink, we will have certain perception towards this lovely color, for example pink is a feminism color, a general color that represents female, spring season (cherry blossom!), breast cancer awareness etc. I really like pink, because I think women in pink are really cute! And there are quite a number of websites that uses pink too.

Pink has many shades and tints, ranging from shocking pink to cherry blossom pink. Different pink gives different feeling. Some of the websites shown below use pink as overall theme, while others using pink as a contrast color from dark color. Well, below are the 16 great example of websites in pink color!

Japan web gallery – 2010 edition

02 May 10

. Inspiration, Japan, Web Design

Japan web gallery - 2010 edition

Previously I wrote two posts introducing the web galleries from Japan that is worth visiting. And now in year 2010, I found more galleries and recompile all of them and make it into a year 2010 edition. These galleries showcased the best of XHTML/CSS and Flash web designs from Japan and you should really check them out.

The common characteristics of Japan web design

02 Apr 10

. Inspiration, Japan, Web Design

The common characteristics of Japan web design

As you guys might have know, I’m a Japan design lover. I really like their sense of design in architecture, product as well as web designs. I always go and search inspiration from Japanese Web Design directories, and through out the years I found out that their designs are unique and having a few common characteristics which I would like to share it to you guys today.

After a few hours of mind-map and research, I categorizes the common characteristics into nine different categories with two web screenshots as example. Note that I write this article from an foreigner point of view and I might get wrong. Please do notify me there’s something needs improvement. Enjoy reading!