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

Versatile CSS3 Animation Pack

A versatile CSS3 animation pack with various usages, trigger CSS3 animations as elements enter the viewport, as you hover with a mouse or by binding them via JavaScript functions.

Draggabilly Makes Drag-and-Drop Functionality Easy

Draggabilly is a small (~10k) JavaScript library that does one thing well — make that shiz draggable. It makes it super easy to add drag-and-drop functionality to your site. It supports IE8+ and multi-touch. You can specify both a containment area and specific handle for dragging. Installation is simple, just download and include the file.

Create Realistic and Animated Prototypes With Free Prototyping Toolkit FarmerJS

Framer is a JavaScript framework that makes creating realistic prototypes a breeze, complete with filters, spring physics and full 3D effects. Define interactions and create animations in a simple, readable and powerful way.

Framer Generator is a desktop app that imports the resources and folder hierarchy from Photoshop files. Once your visual design is done, import your file with Framer Generator and immediately start to add interaction and animation.

Pure CSS Based Multi Level Responsive Navigation Menu: BootM

With more and more robust CSS frameworks coming each day, it has become very easy to create responsive HTML documents. In fact it’s now a fun thing to work the HTML and CSS using these CSS frameworks. Combining these frameworks with some CSS3 features you can create widgets like menus without writing any JavaScript.

We are providing a menu system using the famous bootstrap CSS framework and we call it BootM. BootM is a pure CSS based navigation system, its responsive, supports unlimited levels and icons as well.

Multiple Selection Combobox for Bootstrap Themes

MagicSuggest is multiple selection combobox built for bootstrap themes. it allows room for free entries but also have fixed suggestions loaded dynamically. It supports customized presentation, data fetched through ajax but auto filtered by the component.

Top Open-Source Static Site Generators

A leaderboard of top open-source static site generators.

A Plugin Manager for Sketch App

Open Source Rich Text Editor with API – Quill

Quill was built to address the problem that existing WYSIWYG editors are themselves WYSIWYG. If the editor was not exactly the way you want it, it was difficult or impossible to customize it to fit your needs.

Quill aims to solve this by organizing itself into modules and offering a powerful API to build additional modules. It also imposes no styles to allow you to skin the editor however you wish. Quill also provides all of what you’ve come to expect from a rich text editor, including a lightweight package, numerous formatting options, and wide cross platform support.

Open Source jQuery PHP Ajax Contact Form Templates With Captcha: Formify

This is a collection of open source jQuery & PHP ajax contact forms, we call it Formify. Formify is a contribution to lessen the pain of creating contact forms. The collection contains six different forms that are commonly used. These open source contact forms can be customized as well to suit the need for your website/application.

Single Element Animated CSS Spinners/Loaders

A collection of loading spinners animated with CSS. Each spinner consists of a single div with a class of ‘loader’ and content text of ‘Loading…’. The text is for screen readers and can be used as a fallback state for older browsers.

Free, Open Source, Self Hosted CMS

October is a free, open-source, self-hosted CMS platform based on the Laravel PHP Framework. It allows developers to have full self-expression and the freedom to build web applications however they want.

Tablesaw – Group of Plugins for Responsive Tables

Tablesaw is a set of plugins for responsive tables that provides several modes as Stack Table, Toggle Table & Swipe Table.

Pattern Lock – jQuery Plugin for Android Style Pattern Lock

Pattern Lock is a lightweight plugin to simulate android like pattern lock mechanism for your hybrid app or for a website.

It’s easy to configure and style so you can have different type of pattern lock according to your need. Is also provide some methods to use this plugin securely.

Datagrid Plugin for Twitter Bootstrap

bs_grid is a jQuery Datagrid plugin, based on Bootstrap. Advanced row selection, sorting, pagination and filtering. Fully customizable, responsive web design, localization.

FREE TEMPLATES AND THEMES

Free Responsive HTML/CSS Template – SportHere Template

SportHere is a Responsive HTML/CSS template with clean structure and beautiful minimalistic design. It can be used for both your personal and commercial projects.

Bootstrap3 Based Single Page Free HTML Responsive Template – Meilleur

Meilleur is a professional, multipurpose and responsive one page HTML5 website template which has been built using the new Twitter Bootstrap 3 framework.

TemplateVamp: [FREE] Twitter Bootstrap Admin Template

Based on Twitter Bootstrap, TemplateVamp is a fully functional and customizable admin template that leverages the power and flexibility of HTML5 & CSS3. It can be used as a front-end toolkit for rapidly developing web applications that are lightweight, faster, and mobile-friendly; a great starting point.

TemplateVamp contains HTML and CSS-based design templates for typography, forms, buttons, charts, navigation and JavaScript extensions.

A Premium Responsive Business Portfolio HTML Template: Wee

This is Wee, responsive, super clean & creative HTML portfolio template for corporate sites, portfolio showcases and businesses. Wee is a purpose built responsive portfolio HTML template that focuses converting your visitors into leads (clients).

DESIGN FREEBIES

A Free Outline Iconset – Linea

A fantastic line icon set by Dario Ferrando featuring 350+ Icons.

70 Ecommerce and Shopping Icons (AI, EPS & PSD)

In total there are 70 icons in the set, covering all aspects of modern ecommerce on the web, including shopping cart and basket status icons, payment methods icons, delivery icons, shopping category icons, and much, much more. The icons come in AI, EPS and PSD formats and you can freely use them in both your commercial and personal projects.

Freebie: Metro Style Free Flat User Interface Kit (PSD) – Flatter

UI kits offer ready made UI elements, ready to use for a website or app. If you’re not great at design but have the required coding skills, UI kits can be a great way to make your app or website looks appealing.

Free Metro Style Free Flat User Interface (UI) Kit along-with its PSD source file. Enjoy!

Free Font – Primiterus