BookBlock – Page Flip Animation Plugin
BookBlock is a jQuery Plugin that allows for creating a page flip animation effect for book-like experience.
More
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.
More
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.
More
Springy.js – Network Graph Manipulations
Designed to be small and simple, Springy provides abstractions for network graph manipulations and layout calculations.
More
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.
MoreLatest Resources
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,
More HTML
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.
More CSS
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.
More JavaScript
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.
More Plugins
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.
Guide to Good User Interface
A running list of user interface design principles
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
More Guides
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.
FPOImg – Image Placeholder Service
FPOImg is an image placeholder service which provides temporary images for placement in designs related to web development, print or similar.
Only Vanilla Ice Placeholder Images
Nice Nice JPG is an image service which provides Vanilla Ice placeholder images, for use in your designs prototypes or HTML code mockups.
Charlie Sheen Placeholder Images
Placesheen is an image service which provides Charlie Sheen placeholder images, for use in designs, wireframes, prototypes or HTML code.
More Resources