Latest Online Tools and Libraries for Web Designers

AD

Free tools and libraries make a web designer’s life easier. So today we are sharing exactly that.

This is a collection fresh from the oven online libraries and tools that come handy in everyday web design tasks. I decided to make this collection because web designers these days, need to stay updated with the latest trends and tricks of the industry.

Times are changing on the web-design-scape. New browsers, such as Vivaldi and Spartan are coming out, new challenges in the shape of smartwatches are emerging since we have no idea how to design for them. It is clear that the world of web design is more dynamic than any other, and we have to keep up with it. No problem, Designzzz will keep you up do date.

Recently Released Free Online Tools and Libraries

Material Palette

Google invented a new design language called material design. This is the first color palette that lets you make color schemes according to Google Material Design language..

Material-Palette

CSS Reference Sheet from Codrops

This is a  is the ultimate reference sheet of CSS3 that I have ever seen. Codrops released it only a few days ago.
If you are a beginning or intermediate level web designer, you MUST favorite this resource.

CSS-Refence-sheet-from-CoDrops

Squire

Basically, Squire is a rich text editor made using HTML5, but it also provides powerful cross-browser normalisation functionality. It is extremely lightweight but quite powerful. It supports 10, Firefox 3.5, Safari 4, Chrome 9 and IE8 the above versions.

Squire

Grunticon 2

Grunticon 2 was released earlier this week. It allows you create animated SVG files.

Animated SVG

Browser.html

This is a proof-of-concept design for the HTML UI based desktop browser. The experimental Desktop browser, based on Firefox Desktop version and Firefox OS.

Browser.html

And here’s a video of this project.

PhotoSwipe

A JS based new photo gallery that supports gestures on smartphones and tablets.

Photo-Swipe

bigpicture.js

I have to say, this is one of the most amazing things I’ve ever seen built using JS. The problem is, I don’t know how much am I gonna use it, but it certainly is very very intriguing.

This is a text-based mind-mapping tool. The screenshot contains rest of the details.

Big Picture

LibScore

This is an app. It searches the internet’s top one million websites and finds stats on JavaScript library usage.

Libscore

CSS Stats

This is a pretty cool website for analyzing web designs. It checks complete CSS of a website and tells everything about it. I checked my own homepage.

CSS-Stats

icono – pure CSS iconset

This is an iconset made in pure CSS.

icono

CSS Animated Gradient Generator

Wanna make animated gradient backgrounds using only CSS? Here’s the tool.

Gradient Animator

Editor.md

This is a simple, yet intuitive online markdown editor.

Editor.md

Social Likes

This is a pretty cute looking library of popular social media icons.

Social Likes

Bootsy

Bootsy provides a well-organized folder structure for every aspect of a project.

Bootsy

What Colour Is It?

A website that converts the exact time into color code, and sets that color to the background of the web page.

What-Color-Is-It

Meet the Ipsums

Ever needed a lorem ipsum generator? Ever found a really cool lorem ipsum generator? Me neither.
But I’ve finally found a really cool text generator.

Meet The Ipsums

WYSIHTML

Ever seen an portmanteau of acronyms? This name contains one.
This is basically just another text editor.

wysiHTML

hyhyhy

This is an HTML5 based presentation tool.

hyhyhy

GitHub Cheat Sheet

This is the cheat sheet you can use enhance your GitHub experience.

GitHub Cheet Sheet

LumX

The screenshot tells everything.

Lumx

That’s it for tonight guys. But stay tuned, we will be sharing more CSS libraries and JavaScript libraries in the upcoming days.

create free website wix below post

Further Related Readings

Comments
  1. Brian Berg February 13, 2015 at 7:44 am

    Here is a ipsum site I use quite often. Thanks for the list of tools!

    http://www.lipsum.com/

    Enjoy!

  2. Mizagorn February 16, 2015 at 4:43 pm

    Wow, wow, wow, wow! I feel like I just opened a bunch of very cool presents and it’s not even my birthday. Well, it’s only 12 days away, so I will consider this your present to me. 😛

    Your best post that I’ve read yet, Ayaz. Awesome collection, great research, well written.

    1. Ayaz Malik February 24, 2015 at 6:35 pm

      Great to hear that Mizagorn and Happy Birthday 🙂

  3. Mizagorn February 24, 2015 at 9:40 pm

    Thank you, my friend. I have already been using the Material Palette and the Codrops CSS reference quite a bit.

  4. julian maclin February 25, 2015 at 1:09 pm

    Great post, AWESOME TOOLS!!!, especially grunticons.

    1. Ayaz Malik February 27, 2015 at 4:50 pm

      Glad you find these tools useful 🙂

Leave a Reply

Your email address will not be published. Required fields are marked *

Copyrights © 2016 - Designzzz. All Rights Reserved