Fresh Resources for Designers and Developers – July 2014

It’s a new month and that means that it’s time to share some handy resources for designers and developers. For this round, we have put together a more varied list of tools worth looking at. Whether you want to brush up on your CSS terminology, wish to play with more blended gradients or are looking for a convenient way to interact with the community of coders and developers, we have a range of things for you to choose from.


Liberio is a handy web application that makes creating an ebook easy. With Liberio, you can convert your Google Docs into ePubs format that makes it ready to be published in an ebook store, such as Kindle and iBooks. On top of that, Liberio allows you to share the ebook in social sites like Facebook and Twitter.

CSS Vocabulary

Have you ever wondered what is meant by CSS rules? or which one is called Class selector? All these CSS specialized terms can be confusing at first. Some people also use them interchangeably, even though they are completely different things. CSS Vocabulary can help you out by listing all of the terms used in CSS and describing them in an interactive way.


Many designers spend time in Dribbble trying to find inspiration from various kinds of designs. Bounce is a an Adobe extension that showcases Dribbble shots, allowing you to find the inspiration you need right from Adobe applications such Photoshop, InDesign, Illustrator, and Fireworks.

CSS Shrink

CSS Shrink is a Node module that merges duplicate style rules into a single line of style rule. This module allows you to keep your stylesheets DRY (Don’t Repeat Yourself) and also decreases the stylesheet weight, which helps increase the loading speed of the website.


I was recently looking for an application to manage my password that is compatible and works across my MacBook, iPhone, and Windows Phone – then, I came across Enpass. Enpass is a cross platform application to store passwords as well as your other credentials. Enpass is available for OS X, iOS, Windows, Windows Phone, and Android.


If you’re a Photoshop user, you should be familiar with ‘Blending Mode’ that allows two layers to be mixed. Well, blending mode has now arrived in CSS3. And this is a showcase collection that features a variety of CSS3 Gradients that are possible when applied with blending mode.

Choose a License

Are you confused about which license to use for your products? The problem with a license is that it is usually written in a very long sentence that causes you an instant headache from just looking at it. Choose A License, as its name implies, summarizes popular licenses – MIT, Apache, and GPL – in a more understandable way, letting you decide quickly which type of license is the right one for your code(s).


Github has finally launched the icons that flavored its website in Octicons. You can now embed it into your website and application through the CSS3 Font Face. At the time of the writing, there are 177 icons added into Octicons. And since the OCticons project is open for contribution, the icon number will likely keep increasing in the future.

Side Comments

SideComment.js is a JavaScript library that adds the ability of side comments, which is similar to what is found on It adds a plus sign at the side of each paragraph and enables the readers to comment on the individual paragraph. It’s a good alternative to a traditional commenting system.


CoderWall is a bit like a social media site for coders and developers. In CoderWall you can share tips, tutorials, and learn from other developer’s experiences. You waste less time and you’re on your way to being more productive.


Headstart is a responsive front-end boilerplate that is designed as a starting point and the foundation of any web application. Headstart ships with a set of supporting development tools such as Gulp, Sass, and Handlebars. These tools have already been set up, so you can focus more on building your web application rather than wasting time on the configuration.

Leave a Comment