It is always good to have a reference or a guide to make things easy at any work, there are many cheat sheets for web designers to make things easy for them and save time. In this post you will find some of the coolest and most useful cheat sheets that will be useful for designers. Go ahead and find out and bookmark them!

CSS3 Cheat sheets

1) Css3

2) Css3

3) Shapes In Css3

4) Shorthand CSS3

5) Css3 Click Chart

6) CSS3 Quick Reference Guide

7)  CSS3 Color Names

8 ) Compatibility tables for support of CSS3

9) CSS3 – Information and samples

 10) HTML5 & CSS3 Support

11) Html 5 Visual Cheat Sheet

12) Google APIs & Developer Products Periodic Table

13) Mootools

14) Strip light cheat sheet card

15) Photography cheat sheet

16)  Portrait lighting cheat sheet

17) Photoshop keyboard shortcuts

18) Adobe Framemaker 9 Keyboard Shortcuts-Windows

19) Adobe Incopy CS4 Keyboard Shortcuts-Windows

20) Adobe Acrobat

21) Dreamweaver

22) HTML Color Cheat Sheet

23) RGB Hex Color Chart

24) MySQL Cheat Sheet

25) My SQL

26) Windows 7 Hot keys

27) Google Chrome

28) Safari Shortcut

29) Firefox cheat sheet

30) Periodic typefaces

31) Google fonts

32) CSS Shorthand

33) CSS Typography

34)  Common Fonts

35) Free Fonts

36) Web Safe Fonts

37) Javascript Features

38) Dom Javascript

39) JavaScript

40) Jquery

In the last few years, web design has improved significantly. There are so many tutorials out there to increase the skills capacity web designers and web developers. Some popular browsers such as Firefox, Safari already supported some CSS3 properties, and now the designer has many CSS3 properties. Today, I will share some tutorials, tips and tricks about CSS3.

I hope with this article you get something useful for the ability to design and programming skills you. Feel free to add suggestion to survive this tutorial and leave a comment on this blog if there are something missing.

1. Introduction to CSS3 – Part 1: What Is It?

There are six part series which providing an introduction to the new CSS3 standard which is set to take over from CSS2 from DesignShack.

2.Get Started with CSS

These site explaining several new CSS3 features and giving solutions how to create them actually. You will get beautiful CSS3 tutorial articles.

3. The fundamental problems with CSS3

Have problem with CSS3 issues? This article will bring you to solve several problem about it

4. CSS 3 Cheat Sheet (PDF)

CSS 3 Cheat Sheet is printable article (PDF), the article which consist of a complete listing of all the properties, selectors types and allowed values in the current CSS 3 specification from the W3C. Each property is provided in a section that match it with the section (module) which it is associated within the W3C specification avtively.(Download *pdf)

5. Rounded Corner Boxes the CSS3 Way

This CSS3 tutorial will lead you to make rounded Corner Boxes.

[smartads]

6. 11 Classic CSS Techniques Made Simple with CSS3

In this article, you will find the eleven different techniques to make CSS3 easily.

7. 3 Easy and Fast CSS Techniques for Faux Image Cropping

This CSS articles give the technique crop the image easily.

8. Get the best out of CSS3

Take a peek about the future of CSS with a little help from Opera, Safari and Firefox like Craig Grannell turns into a cross between Jeffrey Zeldman and Russell Grant.

9. HTML 5 and CSS 3: The Techniques You’ll Soon Be Using

In this tutorial, you are going to build a blog page using next-generation techniques from HTML 5 and CSS3. The tutorial goal is to demonstrate how we will build websites when the specifications are finalized and the browser vendors have been implemented them.

10. How To Create A Sexy Vertical Sliding Panel Using jQuery And CSS3

Trusted article to create vertical sliding panel with CSS3 and JQuery.

There are a lot of web design trends were published somewhere over web design community to help us predict what is next in 2010 about web design. Each trend has especial idea, each trend tells us something interesting about web design in the past and help us continue to go forward to future. This one is not a trend. It’s just a small preview that works on the new, fresh, and never-seen-before portfolios some web designers prepare for their portfolio in 2010.

The idea of this post comes out from the researches around the biggest art community website DeviantArt where web designers like to post their art-works to. Although, the number of new pre-designs for 2010 is not much, it shows us something will change or not in the next year.

Beautiful background portfolio will continue

The only one page portfolios with awesome and beautiful background are really attractive to visitors or your customers. This kind of portfolio known as the full page backgrounds. It usually takes long time to complete the work. The most time your spend for it would be in drawing programs suchs as: Photoshop, Corel, Illustrator… The advantage is it shows customers your skill clearly. Who doesn’t want a beautiful design? The more beautiful and attractive by your art, the more impression on the clients. However, the disadvantage is it’s hard to find a space to show up your works. In 2010, this kind of portfolio still continue by some talent designers with great drawing skill.

Portfolio with creative design

The huge images like these would have taken forever to load just 5-6 years ago and would not have been piratical. Thanks technology that today, the internet speed has changed, the minimum speed people is using is 512kbs/s now and they can load any web page with any size (not too much !!!). People love to put their awesome art-works with creative ideas and a lot of nice and beautiful icons on their design. These image and creative arts will invite people in. This kind of portfolio will stay for further works in 2010.

Minimalist and clean portfolio design will get changes

The year 2009 was a golden-age of clean design because it doesn’t require to much drawing skills or techniques. It was designed base on the simplification of needs. Most of them shows the small number of colors in used, long long text in typography, but this kind of design highlights the services and social activities on your portfolio. In the next year, hope see more alternative minimalist and clean portfolio design with some different backgrounds, colors and typography.

What’s a perfect portfolio?

In an individual opinion, there is no perfect portfolio, but still have the best one that provides clients the most completed and interesting information. Some web design companies give to the visitors the fully content of their works, prices, life streams… the good one should talk more and put their services – what you do best – in the front of visitors. The modern style portfolio will stay alive with corporation model in the next year.

Colorful portfolio design

In 2009, besides the minimalist and clean design, people still step forward to 2010 with colorful style. You can realize that there are a lot of designers are following webdesignerdepot style in their design. The advantage of this style is it show clearly a great job of incorporating color and creating an attractive appearance. However, design a colorful web page is not easy as we can see. The strongest problem is blending a lot of colors in one design. If you don’t have the ideas or at least the aesthetic eyes, your design will be terrible. Anyway, people are doing well and still continue in 2010.

Some portfolio designs prepared for launch in 2010

[smartads]