Saturday, March 29, 2014






SVGMagic is a SVG fallback that does it all! 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. Wondering why you should use SVG images? SVG images are vector based! Meaning that they will be as sharp as hell no matter how big they are. In other words: one file for every size. SVGMagic checks which browser your visitor is using. Is it a browser that doesn't support SVG images, than it starts the magic! First of all the script will check which images on your website are SVG and collects their URLs. These URLs are then send to our server which will temporarily download, convert and save them. When that's done the server send back a package with new URLs. The SVG images on your website than get replaced by the new PNG images and your old-school visitor can see the 'SVG' images.




Thursday, March 6, 2014



Creative, intuitive and attractive, combined with a splash of awesome user interface makes websites wonderful. Blending the power of jQuery with amazing creative designs, these website have been creatively crafted to leave a mark on the minds of all of its visitors. This is a list of the 10 most creative websites crafted using jQuery.


1. Helen and Josh Sitting In A Tree

 Helen and Josh Sitting In A Tree

“Helen and Josh Sitting In A Tree” is an extremely creative, eye-catching website, artistically crafted by Fuzzco using jQuery. The wedding website speaks out the story and journey of Helen and Josh. Scroll up through the tree of their life in this website and feel the joy. A beautiful wedding website crafted with Love using jQuery.



2. Dangers Of Fracking




 Dangers Of Fracking

Learn colorfully what goes in and out of Hydraulic Fraturing through this animated, colorful website that portrays the complete story of Hydraulic Fracturing considering all the raw materials and emphasizes all the negative effects of it. Scroll doen throgh this website and learn what happens in Hydraulic Fracturing. The moving water tankers, the water droplets travelling way down and much more bring out a complete experience, all powered by jQuery.


 Grayden Poper

Artistic and creative are the two words that can perfectly describe the portfolio website of Grayden Poper. Powered by jQuery, this website reflects the creative quotient, shows of all the creatively designed pages and gives the gist of who this wonderful designer is. A perfect blend of art and creativity, this website is fun to browse through a perfect portfolio that reflects all the amazing work done.


4. Head 2 Heart

 Head 2 Heart

The Official website for the Head2Heart Campaign. This artistic website powered by jQuery easily conveys the message that the longest journey that a man must take in his lifetime is the 18 inches from his head to his heart. It reflects that each of us have to help fuel the cause that will fuel thousands of other causes in return.


 iCode Labs


This is a really interesting homepage of an iOS development company , based in Indonesia . They are big on small! Small in terms of number but big in terms of skill , creativity and experience . A really beautiful website that showcases the landscape of Indonesia, the beaches, the volcano and yes the tech stuff too! A really cute company website that showcases the designing capabilities of this company.






 James Anderson Fan-site

This amazing James Anderson Fan-site is a treat to the eyes. All James Anderson Fans will be swept off their feet with all the catchy animations. The graphs, the way the data in the graph loads, the statistics being presented creatively, the balls and scores marked in a really catchy way. As a whole this website is a masterpiece that represents how perfectly data can be presented.


 Seamco Building Bottles

Seamco builds efficient bottling and packaging lines for liquid products. It installs new equipment, optimizes/expands existing machines and manages maintenance on complete lines. The whole process of bottling lines is very well represented in this official page powered by jQuery. The attention to detail paid with the jQuery animations on the website is worth a mention. The part where the truck loads the bottles when a complete set is ready and sets out for delivery is amazing. All those bottle moving in frame by frame animation is very attractive.


 Ryan Scherf Website

This is a simple yet beautifully designed website. The portfolio site of designer Ryan Scherf, projects very simple user interface, attractive scrolling effects and a beautiful gallery of design work. Beautiful scroll effects, hover effects and wonderfully creative design elements make it an attractive website. This is grunge effect website which is simple yet really creative with nice user interface elements adorned with several effects.
 Alex Buga Website

This attractive website has had many faces over the time. The latest one is extremely impressive. A perfect showcase of all wonderful skills of this web designer. The hover effects, sliding animations, and several other design aspects make it a completely awesome experience. The design is a great source of inspiration for all portfolio websites. With a fresh new look compared to the former versions, this website is totally attractive. Effects, UI elements, images and tons and tons of creativity flooded to make this a must visit website.


 Slavery Footprint

Slavery Footprint website is one with a message. Learn how everything we use in our day to day life impacts some or the other lives in a drastic way and how it implies slavery. Understand the slavery footprint that goes into our market and how we affect it too. Beautifully presented with great scrolling animation and a simple user interface, the website has put good use of jQuery. This is a simple website with a message conveyed through an amazing user interface.






“Helen and Josh Sitting In A Tree” is an extremely creative, eye-catching website, artistically crafted by Fuzzco using jQuery. The wedding website speaks out the story and journey of Helen and Josh. Scroll up through the tree of their life in this website and feel the joy. A beautiful wedding website crafted with Love using jQuery.






Learn colorfully what goes in and out of Hydraulic Fraturing through this animated, colorful website that portrays the complete story of Hydraulic Fracturing considering all the raw materials and emphasizes all the negative effects of it. Scroll doen throgh this website and learn what happens in Hydraulic Fracturing. The moving water tankers, the water droplets travelling way down and much more bring out a complete experience, all powered by jQuery.







Artistic and creative are the two words that can perfectly describe the portfolio website of Grayden Poper. Powered by jQuery, this website reflects the creative quotient, shows of all the creatively designed pages and gives the gist of who this wonderful designer is. A perfect blend of art and creativity, this website is fun to browse through a perfect portfolio that reflects all the amazing work done.







The Official website for the Head2Heart Campaign. This artistic website powered by jQuery easily conveys the message that the longest journey that a man must take in his lifetime is the 18 inches from his head to his heart. It reflects that each of us have to help fuel the cause that will fuel thousands of other causes in return.







This is a really interesting homepage of an iOS development company , based in Indonesia . They are big on small! Small in terms of number but big in terms of skill , creativity and experience . A really beautiful website that showcases the landscape of Indonesia, the beaches, the volcano and yes the tech stuff too! A really cute company website that showcases the designing capabilities of this company.







This amazing James Anderson Fan-site is a treat to the eyes. All James Anderson Fans will be swept off their feet with all the catchy animations. The graphs, the way the data in the graph loads, the statistics being presented creatively, the balls and scores marked in a really catchy way. As a whole this website is a masterpiece that represents how perfectly data can be presented.







Seamco builds efficient bottling and packaging lines for liquid products. It installs new equipment, optimizes/expands existing machines and manages maintenance on complete lines. The whole process of bottling lines is very well represented in this official page powered by jQuery. The attention to detail paid with the jQuery animations on the website is worth a mention. The part where the truck loads the bottles when a complete set is ready and sets out for delivery is amazing. All those bottle moving in frame by frame animation is very attractive.








This is a simple yet beautifully designed website. The portfolio site of designer Ryan Scherf, projects very simple user interface, attractive scrolling effects and a beautiful gallery of design work. Beautiful scroll effects, hover effects and wonderfully creative design elements make it an attractive website. This is grunge effect website which is simple yet really creative with nice user interface elements adorned with several effects.







This attractive website has had many faces over the time. The latest one is extremely impressive. A perfect showcase of all wonderful skills of this web designer. The hover effects, sliding animations, and several other design aspects make it a completely awesome experience. The design is a great source of inspiration for all portfolio websites. With a fresh new look compared to the former versions, this website is totally attractive. Effects, UI elements, images and tons and tons of creativity flooded to make this a must visit website.







Slavery Footprint website is one with a message. Learn how everything we use in our day to day life impacts some or the other lives in a drastic way and how it implies slavery. Understand the slavery footprint that goes into our market and how we affect it too. Beautifully presented with great scrolling animation and a simple user interface, the website has put good use of jQuery. This is a simple website with a message conveyed through an amazing user interface.


Monday, March 3, 2014



Happening and colorful, what more can we ask out of a jQuery plugin! jQuery is the secret ingredient that adds a splash of color and creativity to websites. This is a compilation of colorful, happening, usable and very likable jQuery plugins comprising image effects, galleries, tool-tip enhancements, swanky menus, text effects, 3d experience and much more! Check out and design awesomely colorful and yet extremely usable websites with this set of colorfully happening jQuery plugins.


1. Sidr jQuery Plugin

 Sidr jQuery Plugin

Sidr is the best jQuery plugin for creating side menus and the easiest way for doing your menu responsive. Inspired by the way Facebook implements its menu on mobile, this plugin lets create impressively attractive responsive menus with this plugin.




2. Swipebox jQuery Plugin

 Swipebox jQuery Plugin

Swipebox is a jQuery "lightbox" plugin for desktop, mobile and tablet. Bring in beautiful image effects to your applications with this easy to integrate jQuery plugin. Features of Swipebox include swipe gestures for mobile, keyboard navigation for desktop, CSS transitions with jQuery fallback, Retina support for UI icons, easy CSS customization and much more.


 Mixitup

MixItUp is a light-weight but powerful jQuery plugin that provides beautiful animated filtering and sorting of categorized and ordered content. It plays nice with your existing HTML and CSS, making it a great choice for fluid, responsive layouts. It's perfect for portfolios, galleries, blogs, or any categorized or ordered content!


4. Real Shadow

 Real Shadow

Real Shadow, a module that casts photo-realistic shadows. Perfect for eye-catching demos and landing pages. Works in any browser supporting CSS box-shadow property. Real Shadow registers itself as CommonJS module, AMD module or jQuery plugin (it depends on your environment).


 Fliptopbox

Fliptopbox is a jQuery plug-in to create a cool striped gallery object. You have a gallery of images, and you are tired of the same old gallery plug-ins, you want something that reminds you of a shredder, well that is this. It must be noted that the height of the gallery is determined by the height of the smallest image and images are proportionately down scaled to fit, and preserve image quality.


 BigScreen

BigScreen is a simple library for using the JavaScript Fullscreen API. BigScreen makes it easy to use full screen on your site or in your app. It smoothes out browser inconsistencies and bugs, especially if the element you're working with is inside of an <iframe>. It will also intelligently fall back to the older video full screen API if the element contains a <video> and the older API is available.


 tiltShift jQuery Plugin

tiltShift is a jQuery plugin that uses the CSS3 image filters to replicate the tilt-shift effect. This is a proof of concept and currently only works in Chrome & Safari 6. Images add beauty to any website but to stand out the images need to have wonderful effects. The tilt-shift effect on an image can work wonders and improve the look and feel of a website many-folds.


 SuperScrollorama

SuperScrollorama is a popular jQuery plugin for creating supercool scrolling and animation, powered by TweenMax and the Greensock Tweening Engine. Creating wonderful scroll effects can be simple now thanks to SuperScrollorama.
 Color Swatches jQuery Plugin

Color Swatches is a free to  use jQuery plugin that turns a one-line div into a sweet color swatch. Color Swatches can add a wonderful interactive unit to any designer web site. Adding a Color Swatches can now be easy with this jQuery plugin.


 Tooltipster

Tooltipster is a powerful, flexible jQuery plugin enabling you to easily create semantic, modern tooltips enhanced with the power of CSS. Tooltipster allows you to use any HTML tag you can think of inside your tooltips. This means you can insert things like images and text formatting tags.The style of your Tooltipsters can be easily changed by modifying the default Tooltipster theme in the tooltipster.css file..

Subscribe to RSS Feed Follow me on Twitter!