Thursday Roundup # 76
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
Create Divided Multi-scrolling Pages – Multiscroll
Multiscroll is a free jQuery plugin which helps create full screen pages with two scrolling sections per page.
Use this simple plugin to create multi scrolling websites with two vertical scrolling panels.
Ghost – Minimal Blogging Platform Goes Open Source
Ghost is a platform dedicated to publishing. It has a beautiful minimal design, is very customizeable and Open Source. Ghost allows you to write and publish your own blog, giving you the tools to make it easy and even fun to do.
Ghost application is free. Free to use, free to modify, free to share, free to redistribute. You can do anything you like with the software, without legal restriction. When you download a copy of Ghost, you own it. It’s completely yours.
A Clock Style Timepicker for Bootstrap – ClockPicker
A clock-style timepicker for Bootstrap (or jQuery). All major browsers are supported, including IE 9+. It should look and behave well enough in IE 8.
ClockPicker was designed for Bootstrap in the beginning. So Bootstrap (and jQuery) is the only dependency(s).
Guide Your Users Through Demo Tour with Shepherd
Shepherd is a JavaScript library for guiding users through your app. It uses Tether, another open source library, to position all of its steps. Tether makes sure your steps never end up off screen or cropped by an overflow. You can easily guide your users through a tour of your app.
Responsive & Touch-Friendly jQuery Gallery Lightbox Plugin – jQuery LightGallery
jQuery lightGallery is a lightweight jQuery lightbox gallery for displaying image and video gallery. It is responsive and touch friendly gallery.
Great jQuery SVG Fallback – SVGMagic
SVGMagic is a simple jQuery plugin that searchs for SVG images (including background-images) on your website and creates PNG versions if the browser doesn’t support SVG.
Generic Data Binder (GDB) Binds Elements to Models
Generic Data Binder (GDB) for jQuery is a framework agnostic and extremely easy to use 2 way data binder. GDB binds views and models in realtime with live two-way binding and no hefty framework necessary.
GDB is a simple to use, zero configuration (unless you want to), template engine and framework agnostic little plugin. Drop it in and initialize it. It just works. Updates to the model automagically update the view and changes in the view automagically update the model. Finally, a plugin that allows for bi-directional live bindings between your view and model without the need to learn a hefty framework or change your current work flow.
Friendlier HTML Form Controls with a Little CSS Magic – WTF, Forms?
WTF, forms? provides friendlier HTML form controls with a little CSS magic. Designed for IE9+, as well as the latest Chrome, Safari, and Firefox.
The file input is the most gnarly of the bunch. They wrap the input in a label so the custom control properly triggers the file browser. They use :after to generate a custom background and directive. It’s an entirely custom element, all generated via CSS.
Bootstrap 3 Tips and Tricks You Might Not Know
Bootstrap 3 has a ton of features and helpers to speed up front-end development. Sometimes you need something and you end up writing your own custom CSS and JavaScript without even realizing that Bootstrap could have done it for you. That’s not necessarily a problem, but you end up spending extra time on your app or site when you didn’t need to.
Bootstrap is a front-end framework. I personally use it with 99% of my front-end development. In the last 6 months, I have been lucky enough to work on some pretty custom bootstrap based projects to name some off. The purpose of this article is to share the things that I have learned and touch-base on some other things that I have seen people miss about the framework’s capabilities.
FREE TEMPLATES AND THEMES
Freebie – Facebook Timeline Covers PSD
Clean, creative & stylish minimal Facebook Timeline Covers PSD template with 3 options which grab others attention on your Facebook page is perfect suit for all.
Bhagaskara – Free Onepage PSD Template
Free Resume Template
Horizontal E-Resume – Free PSD
Free modern & clean horizontal resume template. 5 Pages, grouped PSD and easily editable.
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.
25 Top Joomla Templates for Business and Portfolio Websites [Free Download]
Free Premium HTML Admin/Backend Template For Web Applications: BlueWhale Admin
BlueWhale is a Free Premium HTML Admin/Backend Template for Web Applications based on 960 Grid CSS it has an elegant fluid layout which adjusts automatically as you change the screen size.
DESIGN FREEBIES
Free Halftone Textures Pack
Here’s a collection of free high resolution halftone textures.