background preloader

Design

Facebook Twitter

Art. Lebedev Studio. Noupe Design Blog. Smashing Magazine. 50 Powerful Time-Savers For Web Designers - Smashing Magazine. Advertisement There are tools that make our lives much easier. However, finding those obscure time-savers which would save time in every single project isn’t easy and requires a lot of time. At Smashing Magazine, we are regularly looking for such useful tools, gather them, review them and eventually prepare for a truly smashing round-up.

Such posts are quite lengthy and extensive, but they are always worth checking out. In this post, you’ll find an overview of useful and handy tools that can help you increase your productivity and improve your workflow. Useful Time-Savers For Web Designers House of Buttons1A growing collection of various buttons spotted in the wild by Jason Long.

Historious2 Historious makes bookmarking work the way you want it. Browser UI3 The Browser UI is an action that creates a browser window around any size Photoshop document you can throw at it. A/B Split Testing Calculator4 A/B Test Calculator shows you a comparison of several versions of a particular web page. 50 New Useful CSS Techniques, Tutorials and Tools - Smashing Magazine. Advertisement These are great times for front-end developers. After months of exaggerated excitement1 about HTML5 and CSS3, the web design community now starts coming up with CSS techniques that actually put newly available technologies to practical use instead of abusing them for pure aesthetic purposes2. We see fewer “pure CSS images” and more advanced, clever CSS techniques that can actually improve the Web browsing experience of users.

And that’s a good thing! In this post we present recently released CSS techniques, tutorials and tools for you to use and enhance your workflow, thus improving your skills. Please don’t hesitate to comment on this post and let us know how exactly you are using them in your workflow. CSS Techniques Now Playing: transitions and animations with CSS3Tim Van Damme showcases a fairly simple CSS design that uses transitions, animations and subtle hover-effects to produce an engaging user experience.

Further Interesting Techniques clearfix Reloaded + 40.