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

An Embeddable Free Payment Form – Checkout

Stripe Checkout is an embeddable payment form for desktop, tablet, and mobile devices. It works within your site—customers can pay instantly, without being redirected away to complete the transaction. You can integrate Checkout in as little as a single line of client-side code.

Simulates Random User Actions – Gremlins.js

Gremlins.js is a monkey testing library written in JavaScript, for Node.js and the browser. Use it to check the robustness of web applications by unleashing a horde of undisciplined gremlins.

Gremlins.js simulates random user actions: gremlins click anywhere in the window, enter random data in forms, or move the mouse over elements that don’t expect it. Their goal: triggering JavaScript errors, or making the application fail. If gremlins can’t break an application, congrats! The application is robust enough to be released to real users.

Free Simple Customizable Tooltip- DarkTooltip

A tooltip plugin with confirm options and 3d effects.

Powerful Data Migration Free WordPress Plugin – WP Pipes

Yahoo Pipes & Zapier are powerful online services for making pipeline of data, WP Pipes comes available to the WordPress community to bring such of powerful abilities to WordPress site, works right inside your WordPress site. You can create many Pipes, give your Pipes input and get output as your needs.

Rich Text Editor Framework for Web Platform – Scribe

Scribe is a rich text editor framework for the web platform, with patches for browser inconsistencies and sensible defaults.

A Free HTML5 Based Font Editor – Glyphr

Glyphr is a free, html5 based font editor. Font design has a high barrier of entry. Professional font design programs are very complex, and quite expensive. Glyphr is accessible, streamlined, and made for font design hobbyists, and it’s free.

You can create complex shapes, copy & paste, flip ‘em around or lock them down, drag & resize to your heart’s content. Edit paths with cubic Bezier curves. Define a shape once, like an ‘o’, and re-use it across many characters, like ‘bdgpq’. Make changes to the Linked Shape, and it updates all the characters linked to it.

Create a 3D Tilted Page Scroll Effect

Create a beautiful 3D tilted effect on scroll with jQuery Tilted Page Scroll plugin.

Free jQuery Plugin for Animated Loaders – ClassyLoader

ClassyLoader is a jQuery plugin written by Marius Stanciu – Sergiu, a plugin that lets your add beautiful and animated loaders to your website.

Flexible Framework for Off-canvas Flyout Panels – Pikabu

A speedy, flexible framework for off-canvas flyout panels. Few containers and classes means implementation is a breeze. No theme, just barebones HTML and CSS. Pikabu is super customizable to your needs.

Metalsmith – A Pluggable Static Site Generator

Metalsmith is an extremely simple, pluggable static site generator. In Metalsmith, all of the logic is handled by plugins. You simply chain them together.

Metalsmith works in three simple steps: Read all the files in a source directory. Invoke a series of plugins that manipulate the files. Write the results to a destination directory. Since everything is a plugin, the core library is actually just an abstraction for manipulating a directory of files.

Slick “Letter-based” Navigation Bar – ListNav

Add a slick “letter-based” navigation bar to all of your lists. Click a letter to quickly filter the list to items that match that letter.

Add Custom Tags, Screenshots, and Smarter Search to Your Chrome Bookmarks

Dewey is a Chrome app for tagging, searching and sorting your Chrome bookmarks. With Dewey you can add custom tags, generate screenshots of your bookmarks, search and sort in a much smarter and faster way. Dewey organizes your bookmarks into a grid that continues to load as you scroll down. The layout is also fully responsive, so it still works well even if you need to use a narrow browser window.

Query and LazyLoad Data from Google Spreadsheets – Sheetrock

Sheetrock is a jQuery plugin for querying, retrieving, and displaying data from Google Spreadsheets. Use it to load entire sheets or leverage SQL-like queries to treat Google Spreadsheets as a quick-and-dirty JSON datastore. All you need is the URL of a public Google Spreadsheet. It requires no backend code whatsoever—everything is done in the browser.

Speed Design with Illustrator – 14 Tips to Create Interfaces in Minutes

In this video, author shows why Illustrator is one of the hottest choices for quick interface design. Check out the 14 useful tips and download the free template.

CSS Blend Modes Could be the Next Big Thing in Web Design

jQuery Plugin for Scrolling to Top of Page – Scroll2Top

Scroll2Top is a simple customizable jQuery plugin for scrolling back to top of page.

Free Templates and Themes

Free Download – Free Smarter Wireframe and UI Kit

Patterns for Responsive HTML Emails – Cerberus

A few simple, but solid patterns for responsive HTML emails. Even in Outlook.

Green Village Free HTML Template

Green Village is email HTML-template with clean and minimal design suitable for many purposes. Easily suits mobile devices, browsers and desktop email clients. The downloadable .ZIP includes layered PSD and HTML source.

Free Personal vCard One Page Template

This vCard template was designed to meet the requirements of our customers, starting from the cool design and use of modern technologies. If you check the demo of this template, you can see that it is one page HTML template which means that there is no need to edit tons of HTML files, just one HTML file.

High Quality Free Flat HTML5 Template

A high quality flat HTML5 template, this template is beautiful, clean and multipurpose web template coded using HTML5 and CSS3.

Freebix – Free Responsive HTML Template

If you are looking for a premium, universally applicable template that can be used in a variety of niches, from real estate to beauty products, Freebix is your go-to solution.

ShowPage – A Free Easy To Use App Landing Page

Design Freebies

Free 150 Outlined Icons – PSD AI SVGWebFont

A simple but useful icon set, completely free now and ever. Currently 150 icons are available, and more are planned to come.

The package includes PSD, AI, sliced SVGs and an awesome Webfont ready to be included in your website. Aim of the project is to create also a custom Icon Font as an alternative to the svgs for web development.

iPhone and Android (PSD)

Free Set of 6 Super Cool Backgrounds

This freebie is a set of 6 super cool backgrounds designed by Pellisco. The mix between photography and typography will definitely inspire you each time you will lay your eyes over. Files are available under jpeg format.

Free Font – Clear Sans

Clear Sans is a versatile OpenType font for screen, print, and Web. We designed Clear Sans with on-screen legibility and glanceability in mind. It strikes a balance between contemporary, professional, and stylish expression and thoroughly functional purpose. It has a sophisticated and elegant personality at all sizes, and its thoughtful design becomes even more evident at the thin weight.

Clear Sans has minimized, unambiguous characters and slightly narrow proportions, making it ideal for UI design. Its strong, recognizable forms avoid distracting ambiguity, making Clear Sans comfortable for reading short UI labels and long passages in both screen and print.

Clear Sans supports a wide range of languages using Latin, Cyrillic, and Greek scripts. The font family includes Medium, Regular, Thin, and Light weights with upright, italic, and bold styles.