SmashingHub’s cool tools roundup 7

Another week and another roundup of some cool tools and resources that I happen to come across. Even after doing this for 7 weeks, it still amazes me how many free tools are being released on a weekly basis. Most of them are actually very useful and make our work as designers or developers much easier and productive. My favorite for this week is magic animations, which  is a nice resource site for CSS3 animations. Its unique feature is that all the animations come with interesting sound effects. Worth a look.


#1: Trianglify

cools tools roundup 7-1

I think the picture says it all. Trianglify is an open source tool that you can used to generate triangular mesh which in turn can be used to create SVG files.  This tools is very useful for generating polyground background in your website.


#3: Picturefill

cools tools roundup 7-2

It is an approach which can make your images responsive. It copies the “proposed picture element” function but in span language so as to make the website safer.


#3: Gradient App

cools tools roundup 7-3

While this is not a free app, it is a very useful one. Gradient App automatically generates the code you need to create a color gradient effect. All you need is to pick the colors, selection some options and the app will generate the gradient code that you can cut and paste into your website.


#4: Gridstylesheets

cools tools roundup 7-4

I do not completely understand what this tool does but from what I understood, it is based on relative constraints. For example, rather than saying an image is 720, you can specify it to be a relative size according to other elements on the webpage. It is very interesting concept. One that needs more time to be explored.


#5: Carousel

cools tools roundup 7-5

It is a new app that displays the rich media from your dropbox account. Basically, it is a media manager for dropbox. Not sure about the pricing but it is a nice tool to showcase what you have saved.


#6: Markdownediting

cools tools roundup 7-6

If you are an active user of sublime text editor, this package will be useful to you as it offers a great color schemes + a better syntax understanding.


#7: Magic animations

cools tools roundup 7-7

This is a cool resource site where you can download free CSS3 animations that come with interesting sound effects. I spent some time going through all the effects just to see what can they do. Addictive!

About the author

With a passion for Knowledge, Smashinghub has been created to explore things like Free Resources For Designers, Photographers, Web Developers and Inspiration.

Twitter Visit author website

Subscribe to Smashing Hub

Comments are closed.