Graphics
40 Beautifully-Designed Navigation Menus
Navigation menus are, of course, important for usability purposes and creating a user-friendly website, but they also provide opportunities to add some visual appeal to the design. In this post we’ll showcase 40 examples of attractive navigation menus, including a variety of different types and styles.
22 Awesome Visualization Libraries: Charts and Diagrams
In web application or software, very often we will need to present collected data to the users. Back in the olden days, data such as traffic statistics and clicking hits were presented through simple numbers or words, this method is plain and simple.
With the advancement of the web, more data are being collected. Thus, displaying all these data in standard plain numbers or words do not seem to be very effective. Therefore, statistical charts and graphs have become important tools to display raw information in a graphical form and making it digestible for the user. Just by a quick glance at the diagram, the user can determine the percentage of increase or decrease of their traffic or sales data immediately. This helps to speed up the process of locating certain data through the collected information.
30+ Colorful Wallpapers to Spice Up Your Midweek Blues
We all know how dreadful it is when we switch on our computers to see tons of folders and icons flooding our default single colored desktop. As designers and developers, we tend to get so absorbed in our projects that we forget the little things that we can do to spice up our work day. With just a few clicks, changing your desktop wallpaper is one of the easiest way to get our creative juices flowing or even to allow our eyes to feast.
80 Best-Of Adobe Illustrator Tutorials, Brushes, .EPSs and Resources
Due to this phenomenally vast amount of vector packs, brushes, patterns available, you can now add dirt, rust, floral effect, swirls, mold, oil stains in your artwork and to give it any look you want.
So in today’s post, you’ll find an assortment of top-notch tutorials, brushes, patterns, vector packs, tips & tricks and .EPS downloadable files that others have freely contributed to the design community.
Adobe Illustrator Tutorials
- Create a Gang of Vector Ninjas
Continue reading »
7 Reasons Why CSS Is Better Than HTML Tables
Website designers have been utilizing CSS (Cascading Style Sheets) for many years now. Over and over again, however, I come across an argument that CSS offers no real advantage and whether you code with it or not is just a matter of preference and habit.
I couldn’t disagree more.
If you are looking to improve the presentation of your website, CSS will help you do it more efficiently and effectively. CSS based design offers advantages that table-based layout can’t compete with.
And here’s how:
Faster loading of pages
31 Essential Web 2.0 Tutorials and Freebies
Web 2.0 is still an extremely popular trend that has been going strong for a while now. It is generally defined by clean, crisp lines, rounded corners and smooth gradients. For those who do not want to develop dark and edgy designs, this is the way to go. It places a focus on usability, interface, and readability.
These tutorials and resources are essential elements of every Web 2.0 design. Be sure to check out all the items; including the Badges, Gradients, Mirrored and Glassy buttons. Learn to design them yourself from scratch with these great tutorials or just download the already-made free resources.
Web 2.0 Tutorials
78+ Awesome Gradient Resources for Web Design
It is unevitable to use gradients for web designers. The links above is a huge collection for you to find or make the best gradient effects for your website. They are not only about photoshop, illustrator or gimp, but also tools, generators and inspiration. If you still not using gradients, I think after this post you will start using some.
Photoshop Tutorials:
30 Awesome Photoshop CS4 Tutorials From MirazWeb
Using Photoshop Gradient Tool from FreeTimeFoto.
Photoshop 101 – The Gradient Tool from Shape Shed.
A Gradient Tutorial from 9rules.
44 Must Learn Web Design Layout Tutorials in Photoshop
Most Web Design Layouts are normally done in Photoshop and since its the most overused application on creating web layouts, I list down some of the most helpful and nice photoshop tutorials on how to make a good web design layout to enhance your experience and ideas.
Here is a collection of 44 Web Design Layout Tutorials in Photoshop to teach you create your own layout for your website. Check them out, learn and enjoy the tutorials.
Design a Cartoon Grunge Web site Layout
50 Useful Tools and Generators for Easy CSS Development
The tools have been sorteds into the following categories: Grid and Layout, CSS Optimisers, CSS Menus Tools, CSS Buttons, CSS Rounded Corners, CSS Frames, CSS Sprites, CSS Tables, CSS Typography and CSS Forms.
Grid and Layout Tools and Generators
The 1KB CSS Grid
10 Awesome Techniques and Examples of Animation with jQuery
jQuery can pretty much do anything you can think of. All you need is a creative imagination and some time to learn the simple and intuitive API.
In this article, we share with you some innovative uses of jQuery in animating web design elements. You’ll read about some interesting techniques, tutorials, and examples that will show you how to create similar effects on your own websites and web apps.
