Swatch Book with CSS3 and jQuery | Codrops

Swatch Book with CSS3 and jQuery | Codrops A tutorial about how to create a swatch book like component that let’s you open and rotate the single swatches revealing some details. We will be using CSS transforms and transitions and create a simple jQuery plugin.

Useful Tools for Collaborative Web Design Work | Awwwards

Useful Tools for Collaborative Web Design Work | Awwwards Recently, WebDesignLedger published a fantastic article that talked about the benefits of collaborative web design. It explained the beneftis of promoting teamwork, exposition of ideas, creation and expansion of knowledge, the mixture of different styles, meeting deadlines and multiple solutions to shared experiences. Awwwards supports this collaborative culture in which we believe,…

4 Websites For Free Contracts & Other Legal Documents

4 Websites For Free Contracts & Other Legal Documents I’m not a lawyer, nor do I want to be a lawyer. Nothing against lawyers, of course. It’s just that it’s all a little over my head. However, as we all know, hiring an attorney to do legal work can be terriblyexpensive. Take contracts for instance. That can…

Interface Trends for Designing a Social Network at DzineBlog.com – Design Blog & Inspiration

Interface Trends for Designing a Social Network at DzineBlog.com – Design Blog & Inspiration Since the initial launch of Friendster in 2002 we have seen dozens of new social networks cropping up everywhere. There are the obvious popular choices such as MySpace, Facebook, Twitter, and LinkedIn. But we don’t often consider some of the newer…

Thousands of free Vector icons and Icon Webfonts for Interfaces and Responsive web design | Awwwards

Thousands of free Vector icons and Icon Webfonts for Interfaces and Responsive web design | Awwwards We present to you an interesting and exciting selection of Free Icons, flat icons, symbols and pictograms with vectorial content, especially designed for UI design, menus, lists, webapps or native apps.On a different note, we’ve made a selection of…

Line That Up: Proper Alignment in Web Design | Codrops

Line That Up: Proper Alignment in Web Design | Codrops Proper alignment of elements and text on your website greatly impact the overall design. Meticulous alignment of elements, such as images and text blocks, adds an extra level of professionalism to your site and is visually appealing and calming. Choosing the proper alignment for text…

Neon / Fluor could be a new trend in webdesign?

Neon / Fluor could be a new trend in webdesign? Yes, It’s true¡¡ Fluor and Neon colors are trendy again, you can see them everywhere, in fashion, arts, illustration, product and interior design, etc… We haven’t found many websites where a fluorescent color is the main design element, but we have found lots that use it as a complementary color. Since…

A Beginner’s Guide to Wireframing

A Beginner’s Guide to Wireframing Wireframing is an important step in any screen design process. It primarily allows you to define the information hierarchy of your design, making it easier for you to plan the layout according to how you want your user to process the information. If you’ve yet to use wireframing, it’s time to…

3D THUMBNAIL HOVER EFFECTS

3D THUMBNAIL HOVER EFFECTS Today we want to show you how to create some exciting 3D hover effects using CSS3 and jQuery. This idea is inspired by the cool hover effect that you can find on the page of the Google SketchUp Showcase. In our examples, we’ll use thumbails that will reveal some more information on…