Thursday, 9 January 2014
RUBBERBAND : JQUERY PLUGIN FOR ADDING RESPONSIVE BREAKPOINT EVENTS
Rubberband is a jQuery plugin for adding responsive breakpoint events. Sometimes you need to know when a responsive page changes. Rubberband allows scripts to act on media query changes in real time by making use of the browser’s internal media query matching system,
window.matchMedia.OUR METRO SIDEBAR : JQUERY NAVIGATION MENU
Our Metro Sidebar display a sidebar with metro style, ideal for use on tables of content, navigation menus or management interfaces. Some features are:
Easy to use. Changeable Metro Colors. Full jQuery & css compatible. Hide and show. Checkboxes. Submenus. Metro design style. Auto overflow handling by scroll.
Easy to use. Changeable Metro Colors. Full jQuery & css compatible. Hide and show. Checkboxes. Submenus. Metro design style. Auto overflow handling by scroll.
FOXYCOMPLETE : ADVANCED AUTOCOMPLETE SEARCH WITH IMAGES
Today I am going to share a trendy functionality which I have been implementing in my projects for a while now.
I call it FoxyComplete and what is does is fetch clickable search results along with images either automatically scraped from the result's content or a specified file. It's easy to implement and once done, easy to tweak.
I call it FoxyComplete and what is does is fetch clickable search results along with images either automatically scraped from the result's content or a specified file. It's easy to implement and once done, easy to tweak.
Wednesday, 8 January 2014
TEXT OPENING SEQUENCE WITH CSS ANIMATIONS & JQUERY
Today I want to show you how to create a fun little typography effect with CSS animations and text shadows.
Maybe you know those eerie opening sequences of movie trailers where some text is being faded in on a dark background.
After seeing Introducting Briefs (which is not a terror movie trailer but a preview for an interesting app) I got inspired for recreating the effect using CSS. we'll use Dave Rupert's Lettering.js to wrap the words and letters into multiple spans.
Maybe you know those eerie opening sequences of movie trailers where some text is being faded in on a dark background.
After seeing Introducting Briefs (which is not a terror movie trailer but a preview for an interesting app) I got inspired for recreating the effect using CSS. we'll use Dave Rupert's Lettering.js to wrap the words and letters into multiple spans.
JQUERY PHOTO ZOOM PLUGIN
Introducing a new jQuery PhotoZoom plugin, it helps you to view bigger images on mouse over component, this is very useful for media related web applications. You can customize the PhotoZoom container based on your web page design. Very easy to implement just include the plugin using script tag and give required selector, take a look this live demo.
THREE.JS : JAVASCRIPT 3D LIBRARY
The aim of the project is to create a lightweight 3D library with a very low level of complexity in other words, for dummies.
The library provides <canvas>, <svg>, CSS3D and WebGL renderers.
The library provides <canvas>, <svg>, CSS3D and WebGL renderers.
ISOMETRIC INTERACTIVE INTERIOR GUIDE WITH JQUERY AND CSS3
During browsing internet, I have noticed new interesting thing - it looked like isometric guide. Today I will show you how you can create something similar. We will create isometric interactive interior guide with CSS3 and jQuery.
Tuesday, 7 January 2014
LAZYBLOCK : CONDITIONALLY LOAD CONTENT IN RESPONSIVE DESIGNS WITH JAVASCRIPT
lazyBlock is a proof-of-concept to show how content can be conditionally loaded in responsive designs without relying on AJAX to fetch that content. Content is included in the original mark-up but is placed within
<script> tags with the type text/html. Based on user action or screen width, the content can then be moved from the <script> tag and then injected into the DOM by lazyBlock.JRIBBBLE : A JQUERY PLUGIN FOR THE DRIBBBLE API
A jQuery plugin to fetch shot and player info from the Dribbble API. Jribbble uses a Makefile that is pretty much jQuery’s Makefile. The Makefile adds the version number and date to the output files then creates the Ugly version of Jribbble using UglifyJS. NodeJS is required to build an Ugly version of Jribbble.
ALBUMIZE : JQUERY PLUGIN TO MANAGE COLLECTION OF IMAGES
Albumize is a jQuery plugin that lets you manage collection of images in the web page as albums. With albumize, you can browse albums, add cover image to albums and switch between albums.
Subscribe to:
Posts (Atom)
