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

A Free Code Snippet Tool – CodeSnip.It

A free code snippet tool to keep all your best coding moments safe. CodeSnip.it keeps all your moments of genius safe for whenever you need them. You’ll never forget how you coded anything again. Let CodeSnip.it be your memory.

Create Tasty CSS3 Animations in No Time – Bounce.js

Bounce.js is a tool for generating tasty CSS3 powered keyframe animations. The JS library for generating dynamic animations is on its way. Simply add a component, choose the preset. And then you can either get a short URL or export to CSS.

jQuery Image Slider Plugin with Cool Transition Effects: Quake Slider

Quake Slider is another excellent web development resource. With Quake image slider you can combine images with short summary/caption that helps you optimize contents for search engines and make SEO easy for you. You can also link your images to open detail for particular slide/image. With Quake Image Slider you have complete control over not just the orientation of each caption also you can control animation for each caption and provide different animation for each of the slide using callbacks. To see quake image slider in action, check out these demos.

Show a Personalized Banner on Your Github Profile

Gitbanner is a small tool that generates a Git repo to allow you to show a personalized banner on your Github profile.

Best Photoshop Plugins, Scripts and Extensions [Free Download]

This post encompasses a wide range of free Photoshop plugins, tools and extensions. We have listed some of very useful and free Photoshop extensions and plugins that you will find handy when working on Photoshop projects. In this post, you will find links to free vector icons, 3D Photoshop actions, and a free tool for extracting image layers from any PSD/PSB file. You will also find a free 3D Photoshop map action to convert a flat map to a three dimensional isometric stylish one a single click. For iOS and Android UI designers, this post lists useful Photoshop Scripts for generating the device art.

Zoomerang.js

Zoomerang.js is a drop-in library that allows your users to zoom in on (almost) any element on your existing page. No setup, arbitrary styling.

Make Your Credit Card Form Better in One Line of Code

Card is a drop in addition to your current credit card form that creates a pure-CSS credit card (for Mastercard, Visa, Discover, and American Express), and fills in the details on the card as the user types.

A Free Library of HTML, CSS, JS Nuggets – Cody

Cody is a library of free and ready-to-use HTML, CSS and JS snippets that you can quickly use in your own projects.

Lightweight JavaScript UI Library for Creating Mobile Web Apps – App.js

App.js is a lightweight JavaScript UI library for creating mobile webapps that behave like native apps, sacrificing neither performance nor polish.

Tutorial: How to Write a Project Proposal [With Free Word Doc Template]

In this post, we are sharing a free template for writing effective business proposals. This free template provides six major sections of a project proposal.

Bootstrap Star Rating

Bootstrap Star Rating is a simple yet powerful jQuery star rating plugin with fractional rating support.

Menu Transition In Effects

A tutorial about creating push in side menu. Here you ll see a simple effect of making the menu links stack upwards. The second effect is a Metro inspired menu that stacks upwards but uses random delays to make it look unique every time.

jPList – jQuery Plugin for Sorting, Pagination and Filtering Any HTML Structure

jPList is a flexible jQuery plugin for sorting, pagination and filtering of any HTML structure (DIVs, UL/LI, tables, etc).

FREE TEMPLATES AND THEMES

Free Responsive Portfolio WordPress Theme: OnePager

This wonderful single page WordPress portfolio theme. OnePager is a free responsive Portfolio theme for WordPress sites. Based on our previously released OnePager HTML Template it provides you the flexibility to either use static or dynamic version of OnePager.

Starnight HTML5/CSS3 Website Template

Super sexy, App style one page website designed. A beautifully designed clean layout called for some subtle animations and added features. Built on the Bootstrap framework, this free HTML5 template is also fully responsive.

Free HTML5 Portfolio / Business Template: Neoarts

Sequel to the popular Business Website Template PSD (NeoArts Theme) freebie, we are offering HTML5 code of the same for free download.

This freebie includes complete documentation of NeoArts website template as well as all the scripts, graphics, HTML5 code, and supporting files that you need to build your own business website or portfolio on NeoArts template. Highly recommended for rapid website development.

Free Behance Presentation Builder

Free Premium HTML5 Facebook Template: Facebuk

With the emergence of social media the world of marketing is changing rapidly and to keep up business need social media presence. In fact Facebook is the next big marketing space for most companies marketing and you can take your facebook campaign to the next level by using a custom template for your facebook pages.

With a custom facebook template you can also integrate other social media like twitter etc. Custom templates having compelling reasons to adopt, here we are releasing a professional looking HTML5 facebook template for free and we call it Facebuk.

DESIGN FREEBIES

Free UI Mockup Icons

Mobile Icon Set: Free Pack With 10000+ Icons

Free Font – Ren