Web Design

6 tools to compress your website image

6 tools to compress your website image

When comes to website, speed is one of the most important element. It is crucial to keep your website optimized and fast loading even with the slow connection broadband speed. Image is the common element in a webpage and normally it will take up most of the page weight. So we have to make sure the images are properly optimized to ensure the smallest file size possible.

Today, I’m going to introduce 6 tools to compress your JPEG and PNG images without losing much of the quality. The tools mostly are free, and one of them is called Smush.it by Yahoo! as many people know it. I will do a small test and to see which one crushes the pixels the most.

Continue reading

Buy cheaper with 5 design related deal sites!

Buy cheaper with 5 design related deal sites!

Today is a lovely Sunday and I’m just back from the beautiful island of Bali, and in this article I will be talking about deals. So the group buying and the daily deal sites are really popular on the Internet now, thanks to great deals from big name sites like Groupon and Living Social. Well, in the design world, we too also have daily deals sites that sells useful resources at very cheap price.

Here I found 5 dedicated design related deals websites. There are a variety of stuff that you can buy with these sites at cheap price, namely from WordPress themes, books to resources. Continue reading to check them out.

Continue reading

Test yourself with Web Development quizzes!

Test yourself with Web Development quizzes!

As a Web Designer or Front-end Developer, it is essential to keep up with latest web technologies as well as strengthen the foundation knowledge of several web languages like HTML, CSS, and Javascript/jQuery. In the previous posts, I talked about where you can learn these online, perhaps you can also do some challenging quizzes?

Here I found several useful sites that provide sets of questions to test your web development knowledge that you can participate. From these quizzes, you can learn from mistakes and become a better coder! Read on to check out the quiz sites!

Continue reading

Use HTML5 and CSS3 with confidence!

Use HTML5 and CSS3 with confidence!

In recent years, the hype of the web design world has been involving around the popular HTML5 and CSS3. Many showcase galleries, articles, and tutorials on the Internet out there just to showcase the wonderful things that these two front-end dynamic duo can achieve.

But perhaps at the same time admiring the latest CSS3 effects and the cutting edge HTML5 specifications, web designers might wonder how well it is supported by the popular web browsers and the compatibility issues with them, especially the Internet Explorer. Well no worries, here are two awesome resources that will guide you so that you would use HTML5 and CSS3 with confidence!

Continue reading

Web Design Trends in 2011

Web Design Trends in 2011

This year is a fantastic year for Web Design. Designers from around the world crack creative juice, break boundaries and presenting web content in a unique, out of the box way. Not only the websites were done creatively, it also challenge the new possibilities of web as medium.

In this post, we will take a look into some design trends that are popular and taking shape in year 2011. Well I did some research and reading, and found out 9 significant trends and would like to share with you all. Continue reading to check them out.

Continue reading

Best of 2011

Best of 2011

Yup, it is time again. Time is running really fast and we will have a brand new year of 2012 in very near future. As usual, there are a lot of annual roundup design related posts that show the best quality of design or resources written by dedicated publishers in 2011.

Just like what I did last year, I collected some “Best of 2011” article links and list it in this post for easy reference for everyone. Well, what I can say is 2011 is really a good year of quality stuff! Continue read to find out the list. Besides, I will add more links if I found more, so please be sure to check back in future time.

Continue reading

9 websites that tell you the possibilities of CSS3

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 Newspaper & Magazine Websites with good and usable front page 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

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

Websites and Designers that influence me when started out as Web Designer

Websites and designers that influence me when started out as Web Designer

Lets rewind back the time to 2006, exactly five years ago when I just graduated in college and started my career as Web Designer. That time, I was fresh, ready for challenges but inexperience. Back in my school, the course didn’t teach much but just the basics of the Web Design skills, and I’m the only designer in the company that I joined after graduation.

With no senior that I can refer to for Web Design skills, and the school taught me the old style web development skill like building a website using Table and lacking CSS skills, I decided to look for learning materials online. Soon, I found out some really useful websites and great designers that influenced me during my early career as Web Designer. Without their help, perhaps today I still cannot build a Table-less website! Read on to find out the websites and designers that influence me when started out as Web Designer.

Continue reading