BookBlock – Page Flip Animation Plugin

BookBlock is a jQuery Plugin that allows for creating a page flip animation effect for book-like experience. January 31, 2015January 29, 2015 Developer Light

Background Plugin

Fill Background Image to a Page or Element

Backstretch is a jQuery plugin will allows you to fill background images to a page or element. January 16, 2015January 27, 2015 Developer Light

JavaScript Templates

Ractive.js – Building Reactive Interfaces

Ractive is a JavaScript library for building reactive interfaces in a way that doesn't force you into a particular framework's way of thinking. August 19, 2014August 15, 2014 Developer Light

Graphs JavaScript

Springy.js – Network Graph Manipulations

Designed to be small and simple, Springy provides abstractions for network graph manipulations and layout calculations. July 29, 2014July 29, 2014 Developer Light

Development Guide

Guide: Learn to Code Advanced HTML and CSS

Written by designer and Front-end developer Shay Howe, Learn to Code Advanced HTML and CSS teaches key skills in modern front-end development. July 22, 2014July 22, 2014 Developer Light

HTML5 + jQuery Advanced Tag Filter

The Filtrify plugin is an Advanced Tag Filter, which was built using jQuery and HTML5, generates an filters based on categories defined.

Unveil.js – Lightweight Lazy Load

The Unveil.js Plugin, is a lightweight Lazy Load plugin of the original Lazy Load created by Mika Tuupola.

jPages – Client-side Pagination Plugin

The jQuery library, jPages is a client-side pagination plugin for creating a single or multiple panels that can have paging navigation.

Create an Image Wall

A tutorial on how to create an Image wall effect, along with several levels of interactivity. The instructions provided allow you to create your own.

TiltShift.js – CSS3 Tilt Shift Effect

The TiltShift.js jQuery plugin uses new CSS3 image filters to create the tilt shift effect often found in photography.

HTML

Behave.js – Add Style behavior to text areas

Behave.js is a small library to add style behavior to text areas, with the intent to make it more usable and function like an IDE.

Beautiful HTML5 ContentEditable fields

Medium.js is a small library which makes beautiful HTML5 ContentEditable fields for HTML user input.

Reverie – Foundation Based WordPress Framework

Reverie is a Foundation Based Wordpress Framework, built to be versatile and leverage the many features that come with the Foundation framework.

Metro UI CSS Framework

The Metro UI CSS Frameworkis a collection of styles which help to create a web interface similar to the Windows 8 Metro UI.

Responsive Rapid Prototyping Framework

The Centurion Framework was built from the ground up to be a responsive, rapid prototyping framework, leveraging the latest web technologies.

Video.js – Customized HTML5 Video Player

The Video.js library is a combination of JavaScript and CSS to make is easier work with and create a customized HTML5 Video player.

Responsive Boilerplate Framework

ResponsiveBP is a very light, unopinionated Responsive Boilerplate framework, crafted with the developer in mind,

CSS

TiltShift.js – CSS3 Tilt Shift Effect

The TiltShift.js jQuery plugin uses new CSS3 image filters to create the tilt shift effect often found in photography.

Snap.js – Mobile Side Menu

The Snap.js library helps to create the mobile side menu shelf, which can slide in from the left or right.

Pleeease – Online CSS Processing

Pleeease is an easy to use online CSS processing tool, providing an online editor for simplifying preprocessors and combines them with postprocessors

Sequence – Advanced CSS3 Transitions

Sequence is a responsive animation framework which uses advanced CSS3 transitions. Some applications of the framework include sliders, presentations, banners, and other step-based interactions.

SpinKit – CSS Loading Spinners

A collection of customizable, animated CSS loading spinners for modern browsers

Flipload – Flip HTML Elements and Load

Easily flip HTML elements to show a loading indicator.

-prefix-free – Use unprefixed CSS properties

The -prefix-free script allows the use of unprefixed CSS properties. It adds the current browser's vendor prefix to any CSS code when needed.

JavaScript

Unveil.js – Lightweight Lazy Load

The Unveil.js Plugin, is a lightweight Lazy Load plugin of the original Lazy Load created by Mika Tuupola.

CoreJS – Build Modular Frameworks

The CoreJS library was create to help build modular frameworks, setting out to solve the common problems with building large web application.

JavaScript Function call frequency control

Sequentially is a JavaScript library of adverbs, allowing for JavaScript function call frequency control, making it easy to queue functions for deferred or periodic execution.

Underscore.js – Utility Function Library

Underscore.js is a JavaScript utility function library which provides over 100 additional helper functions without extending any of the built-in objects.

Backbone.js – Data Structure and Synchronization

The Backbone.js framework library promotes data structure and synchronization in developing web applications.

Minimalist Single Page App Engine

SonnyJS is an incredibly fast and minimalist single page app engine. It was designed to help designers and developers create strong, fast and stunning web applications.

JavaScript Date Manipulation Library

Moment.js is a lightweight JavaScript Date manipulation library which can be used for parsing, validating, manipulating and formatting dates.

Plugins

HTML5 + jQuery Advanced Tag Filter

The Filtrify plugin is an Advanced Tag Filter, which was built using jQuery and HTML5, generates an filters based on categories defined.

jPages – Client-side Pagination Plugin

The jQuery library, jPages is a client-side pagination plugin for creating a single or multiple panels that can have paging navigation.

mlens – Magnify Image plugin

mlens is a magnify image plugin, which gives users the ability to zoom in on images by hovering over the area they would like to seem more detail.

Real Shadow – Realistic CSS Shadows

Real Shadow is a module which create realistic CSS shadows using JavaScript and the CSS box-shadow property.

Wookmark Plugin – Dynamic Column Layout

The Wookmark jQuery plugin helps to place elements into a dynamic column layout, as seen on Wookmark.com.

jQuery – 360 degree rotation plugin

Dopeless Rotate is a 360 degree rotation plugin, which can be used as a presentation platform for showing off products.

Blur.js – Blurred HTML Elements

The Blur.js jQuery plugin creates blurred HTML elements over other HTML elements, using psuedo-transparency.

Guides

Create an Image Wall

A tutorial on how to create an Image wall effect, along with several levels of interactivity. The instructions provided allow you to create your own.

jQuery + CSS3 – Full page Flyout Menu

Author, Mary Lou writes an excellent tutorial on how to create a full page flyout menu.

Create a CSS Off Canvas Menu

Chris Coyier writes a tutorial on how to create a CSS Off Canvas Menu using the :target pseudo class, and describes the benefits and challenges with it.

Guide to the Parallax Scrolling Effect

Author Mohiuddin Parekh outlines the basics to the parallax scrolling effect, providing HTML and CSS for construction and the JavaScript to make it happen.

What is Semantic Versioning

The Semantic Versioning specification was authored by Tom Preston-Werner, to outlines a set of rules and requirements to how version numbers are assigned.

Guide to writing sustainable HTML and CSS

Code Guide is an excellent source for developers looking to use the best standards when writing sustainable HTML and CSS

Guide: Learn to Code Advanced HTML and CSS

Written by designer and Front-end developer Shay Howe, Learn to Code Advanced HTML and CSS teaches key skills in modern front-end development.

Exposing the Secrets of Browser Developer Tools

Browser developer tools have become an essential tool in every front-end developer toolkit, exposing the behaviors which occur on client-side

Resources

Printable grid templates and Sketchsheet

Sneakpeekit provides printable grid templates for web designers looking for a way to quickly sketch or wireframe their next website concept.

Framote – Control Short URL

Framote is an online tool to share and remote control short URLs, allowing you to instantly change the URL shared to users.

Sweet Lorem Ipsum Generator

Cupcake Ipsum is a sweet Lorem Ipsum generator, which creates paragraphs of dummy text which are sweet inspired.

Converticon – Handy Icon Creation Utility

The Converticon web application is a very handy icon creation utility, which allows you to upload your image, and export it in ICO or PNG formats.

Dummy Image Generator

nosrc is a simple dummy image generator tool for dynamically creating placeholder images on the fly.

LoremPixel Placeholder Images

Lorempixel provides placeholder images for various categories. It is a simple service which can be used as temporary placeholders in your web designs or print.