This is our web design and web development news series where we share our favorite design/development related articles, resources, tutorials and awesome freebies.

NEW DEVELOPMENT RESOURCES AND TOOLS

[Giveaway] Two Dribbble Invites for Designers

We choose to give the gift of two Dribbble invites because we think that it is a powerful source of inspiring and creative ideas for designers. Those who are not familiar with Dribbble, it is a community of web designers, illustrators, artists, typographers, logo designers, and creative minds where they can share and discuss their creative works.

Free Photoshop Script: Export Your Vector Layers from PSD to SVG

This script, once activated, exports all vector layers named with “.svg” at the end of the layer name as SVG files, along with their shape and color attribute.

No more slicing SVGs one by one like a caveman. Finished preparing your layers? Boom!

Secure Password Generator – Passweird

This website will create for you a password that is not only secure*, but is also so utterly repulsive that not even the most hardened criminal, identity thief, NSA agent, or jealous boyfriend would ever want to use it.

Rails Assets – Free Assets Management in Rails

Rails Assets is the solution to assets management in Rails. It is the frictionless proxy between Bundler and Bower. It automatically converts the packaged components into gems that are easily droppable into your asset pipeline and stay up to date. Gems created by Rails Assets work great with any Sprockets-based application.

Best Photoshop Plugins, Scripts and Extensions [Free Download]

In this post, we have listed some of very useful and free Photoshop extensions and plugins that you will find handy when working on Photoshop projects.

Covering Bad – An Item by Another Item with Dragging

A simple jQuery Plugin for cover an item by another item with dragging ability.

Add Content Management Functionality to Any Site – Cockpit

Cockpit was born out of the need of building a simple dynamic site. Sure, WordPress, Joomla, Drupal and all the other full-stack content management systems are possible solutions for that task, but if you just want to manage a simple site, they are just too bloated and too time consuming to setup and maintain.

Kalendar — The Calendar Plugin

Kalendar is a jQuery plugin that helps you display a calendar with events, both Google Calendar and custom, on your website.

70 Best Free Photoshop PSD UI Kits / Wireframes for Web & Smartphone

A collection of best free Photoshop UI kits and Wireframes for Web and Smartphone apps. These UI kits/wireframes PSDs are free to download. With these mobile user interface kits, designers can enhance their creations and make their mobile user interfaces look more interesting and appealing and they can save a lot of time as well.

Cross Browser CSS3 Transitions in JavaScript – Tram.js

Tram.js is cross-browser CSS3 transitions in JavaScript. The idea behind Tram is to take the performance and flexibility of CSS transitions and define them in JavaScript – offering a more powerful, expressive API with auto-stopping, sequencing, and cross-browser fallbacks.

DaisyNav – Responsive Dropdown Navigation

DaisyNav jQuery Plugin help you to build responsive navigation for your website.

Create a Card Layout to Flip Through – jQuery Tip Cards

Tip Cards plugin let you create a layout of cards with a card-like interaction that you see on Google Tips Page. Also several new animation options added so that you can personalize it.

Circles – JavaScript Library for Circular Graphs in SVG

Circles is a lightweight JavaScript library that generates circular graphs in SVG. It makes creating the charts very easy.

What is the DOM?

A reader recently wrote in asking me what the DOM was. They said they’ve heard it mentioned and alluded to, but aren’t sure they really understand it.

20 Free Online Project Management and Collaboration Tools for Freelancers

This post lists some popular and free project management tools that freelancers can use online to improve their productivity and project management skills. Most of these online project management tools will allow you to create your own project workspace, manage personal and group tasks, collaborate online with project team and get instant overview of project schedule and overall progress.

FREE TEMPLATES AND THEMES

Bootstrap Themes/Templates [Free Download]

Free handsome Bootstrap themes for everyone.

100+ Free HTML Email / Newsletter Templates

A lists of 100+ HTML templates for newsletters and email marketing. You will find free HTML templates and PSD files that can be easily customized to your requirements.

Essential Free HTML CVs Template

Essential is a free html templates build with bootstrap. Its name recalls the simplicity, easy to customize can be useful for all those people who need to publish their CVs on the web.

Free HTML5 Template – iPholio

100+ Free Responsive HTML5 Website Templates

If you are looking for free responsive HTML5 templates that you can use to practice your skills or to convert a WordPress theme? You landed on the right page my friend. We have gathered amazing 110 HTML/CSS visually appealing free html templates for you.

Free Responsive HTML Theme

Responsive, clean, and completely customizable (simply specify the color by changing the values in the color picker and the entire theme changes to your specified color!)

DESIGN FREEBIES

Printable Paper

Have you ever needed graph, lined, isometric or any other kind of paper to act as a background for your digital drawings, or to help with a project you’re working on? You can download printable papers in JPG or PDF format and print within minutes, completely free of charge.

FLAT UI Free Psd

Human Pictos with 500 Icons of Everyday People

Free Animal Line Icon Set

A Set of 64 Fun and Quirky Icons

45 Subtle Social Icons

This freebie includes 45 pixel perfect subtle social media icons. You can edit each icon to your own colors and re-size them to your liking. Enjoy this free icon set and make sure to let me know what you think in the comments below.

Kari Font