Thursday Roundup # 88
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
- jQuery Plugin Offering an Interface to Create Complex Queries
- Pure CSS Parallax Scrolling Websites
- Grid Control Designed for Bootstrap – jQuery Bootgrid
- 3 Pane Swipeable Element – Swipe-li
- Next Generation Package Manager for Frontend – Duo
- Automatic Website Solution for Your YouTube or Vimeo Account – Cinematico
- jQuery Plugin to Add Page Transition with CSS – Animsition
- Angular @Mentions with Macros – Ment.io
- A Distributed Graph Database – Titan
- Free Templates and Themes
- Design 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.
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.
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.