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

Easily Publish Content From Any RSS Feed to Twitter – Twibble.io

Twibble.io gives you a better way to easily publish content from any RSS feed to Twitter with beautiful imagery in each and every tweet. They automatically pulls featured images and embeds them into each tweet. No fuss. Just beautiful media in each and every tweet.

Their advanced scheduling system allows you to create custom tweet schedules. Tweet every hour, only on certain days or even specific times. Now you can spend more time on the things that matter.

jQuery Plugin Offering an Interface to Create Complex Queries

QueryBuilder can be used on advanced search engine pages, administration backends, etc. to build complex queries or filters. It is highly customisable and can be used with many jQuery widgets like autocompleters and sliders.

It outputs a structured JSON of rules which can be easily parsed to create SQL/NoSQL/whatever queries. It can also directly create a SQL WHERE statement.

Pure CSS Parallax Scrolling Websites

This article demonstrates how to use CSS transforms, perspective and some scaling trickery to create a pure CSS parallax scrolling website.

Grid Control Designed for Bootstrap – jQuery Bootgrid

jQuery Bootgrid Plugin is nice, sleek and intuitive. A grid control especially designed for bootstrap. Simply include jQuery, jQuery Bootgrid and Bootstrap libraries in your HTML code. Specify your data URL used to fill your data table and set ajax option to true directly on your table via data API. And then select the previously defined table element represents your data table and initialize the bootgrid plugin with one line.

JavaScript Face Tracking

A cool face tracking demo that will create a GIF of your recording.

3 Pane Swipeable Element – Swipe-li

Swipe-li is a three pane swipeable element. Swipe right for accept, swipe left for reject.

Next Generation Package Manager for Frontend – Duo

Duo is a next-generation package manager that blends the best ideas from Component, Browserify and Go to make organizing and writing front-end code quick and painless. Duo was designed from the ground up to grow alongside your application, making your three main workflows incredibly simple: Creating quick proof of concepts, writing modular components, building large web applications.

Automatic Website Solution for Your YouTube or Vimeo Account – Cinematico

Cinematico is a free (open source), simple, elegant, customizable and automatic website solution for your YouTube or Vimeo account, channel or playlist. To get started, download Cinematico, upload to any PHP compatible server and run the setup with no database required. Cinematico will automatically update your site whenever you publish new videos.

It doesn’t take much to run Cinematico on most PHP compatible servers, but here are the specific requirements for your reference: PHP 5.3.6+, compiled with the mcrypt extension. You’ll need mod_rewrite. Although not required to use Cinematico, having the gd library installed will make your install even better.

jQuery Plugin to Add Page Transition with CSS – Animsition

Animsition is a simple and easy jQuery plugin used to add page transition on css animations.

Angular @Mentions with Macros – Ment.io

Ment.io gives you @mentions and macros widget based on AngularJS, but with no dependencies on jQuery. The mentio directive is applied to any element that accepts selectable text input and exposes an ngModel. The mentio directive watches the ngModel of the element for changes. If the user enters a sequence of non-wihtespace characters starting with a trigger character, a typeahead menu appears.

A Distributed Graph Database – Titan

Titan is a scalable graph database optimized for storing and querying graphs containing hundreds of billions of vertices and edges distributed across a multi-machine cluster. Titan is a transactional database that can support thousands of concurrent users executing complex graph traversals in real time.

Free Templates and Themes

Open Source Transactional HTML Email Templates

Styling HTML email is painful. Tables, inline CSS, unsupported CSS, desktop clients, web clients, mobile clients, various devices, various providers. All these things have to be thought about and tested. It’s no surprise developers don’t want to deal with this when there is a backlog of more important priorities.

Transactional HTML emails often get neglected. Mailgun has tried to remove some of the pain for you and open-sourced a collection of common templates for Transactional HTML Email. Each template is responsive and each has been tested in all the popular email clients.

Landing Page HTML Template – Woo

Woo is a clean, modern, landing page site template. It has a fully responsive design and was tested on all major browser and mobile devices. Woo is the perfect template to showcase your apps, services or digital goods.

Design Freebies

3 Photorealistic iPhone Mockups

A new set of three iPhone 5 photorealistic mockups. Photoshop files contains smart objects for adding your own screens and also some cool photo filters to personalise the photos to your needs. Perfect to use in presentations, web design or even for advertising purposes.

30 Foods Icons-Free Icon Set

Free Font – Bushcraft Font Family

Bushcraft is a font family of 6 beautiful hand-drawn faces in OTF format. Inspired by vintage hand lettering sans able to improve your next project: print graphics, logos, badges, t-shirts etc.