In my previous post I had explained How to Create Simple Tweet to Download Files using jQuery & Twitter API.In this tutorial on FB share to unlock content.Only few lines of code we can easily implement this cool feature. I hope this tutorial will help you to drive traffic, increase facebook shares & improve search engine ranking for your websites. For this you need to create an Facebook App, register your website & get an App ID.
Archive for 2014
A basic template to showcase the best features of your app, enriched with a video slider for a better user understanding. In this tutorial we can learn how to make this video slider effect to make mobile app introduction template with CSS3 and jQuery.
Flat Weather is an easy to use jQuery plugin that supports switching between two different weather API sources (OpenWeatherMap.org or Yahoo Weather) without changing any of your front-end code. Great for dashboards and sidebars!
The code is well-documented and small, with its only external dependency being jQuery, which makes it easy to deploy and extend. The plugin comes with an attractive flat UI css stylesheet, and uses a weather icons font to provide attractive and scalable visuals.
- bLazy is used on big sites with millions of monthly visitors so it has been tested out in the real world.
- bLazy can lazy load all types of images including background images.
- bLazy can lazy load images depending on screensize (multi-serve images).
- bLazy can serve retina images on retina devices.
The slides in this slideshow wobble as they move. The effect is based on Sergey Valiukh’s Dribbble shot and was made using Snap.svg and morphing SVG paths to animated the slide background SVGs in order to simulate the elastic effect. What happens is that we basically morph an SVG path from a rectangle to a curved shaped; either a right curve or a left curve, depending on where we are navigating to.
- Create professional (timed) quiz exercises
- Define any number of questions
- Define any number of question options (text or images)
- Animate question options
- Mark each question as correct or incorrect
- Trigger correct, partially correct, incorrect or option specific feedback
- Animate feedback text and imagery
- Reset question function
- Set a quiz passmark
- Show final score feedback (pass/fail text and imagery)
- Restart quiz function
- Touch device friendly
jQuery plugin switches the images while you are holding a mouse cursor on the element. Animates both
src attribute for images and
background-image attribute for any other element.
An awesome carousel developed on top of jQuery with bit of witchcraft of CSS3.
Parallaxer is a script that turns any content into a cool parallax effect. It works smooth with any content you throw at it, images and even sliders, video players, basically any html content.
- fully responsive
- touch optimized
- CSS3 technology
- iPhone / iPad optimized
- Android optimized
- SEO friendly
- compatible with all major browsers, including IE
- retina ready
- embed ready
- developer / SASS powered