I’m going to recreate a Dynamic Pricing Table inspired by the pricing table from Website Chef. The main point of this is to have an editable list of options that will recalculate the features and price of the whole table. As you toggle different addable “Packages” extra features will pop into view in the table as well as updating the overall price.
jQuery Responsive Tabs
This jQuery plugin provides responsive tab functionality. The tabs transform to an accordion when it reaches a CSS breakpoint.
Features:
- Tabs transform to accordion based on breakpoint
- Uses javascript / jQuery for the technical tab switching (class based)
- Uses CSS for the desktop/tablet/mobile view
- Has callback events for the tab events
- Tabs can be opened with URL hashes
- Tabs can auto rotate
- Tabs can be collapsed (optional)
- The tabs are controllable with API methods
- Cross browser compatibility (IE7+, Chrome, Firefox, Safari and Opera)
3D Card Previewer with CSS3 & jQuery
I’ve been working on a movie review based site and I wanted to try and create a movie previewer. I’m incorporating CSS3 transform’s perspective and rotation. The previewer consists of a list of 3D Card movie posters tilted to the right and one featured movie blown up full size. You can switch in between featured movies by clicking on each movie poster.
Google Maps Draw Module with jQuery
Google Maps Draw Module is a useful tool for web developers who want to build web apps for drawing on maps in the front end. It is based on modern tools such as Google API v3, jQuery, Javascript, Bootstrap, HTML5 and CSS3.
This module provides a responsive graphical interface to users for adding markers and drawing polygons, rectangles, polylines and circles in order to create maps online. Users are able to add/edit/delete objects on Google Maps. Also users can enter title and description for all objects they create.
okvideo : jQuery Fullscreen background Videos Plugin
OKVideo is a jQuery plugin that allows for YouTube or Vimeo videos to be used as full-screen backgrounds on webpages. OKVideo aims to be customizable while making some basic decisions about how the plugin should control video. When using OKVideo, all videos will be served from Vimeo or YouTube based on a number of variables like browser, device, bandwidth, etc.
Sandywatch : Responsive HTML5 Countdown Canvas
Sandywatch is a fully responsive, creative, clean and mobile friendly coming soon / under construction innovative canvas animation. Sandywatch comes with three distinct themes and provides a nice admin interface for handling email subscriptions.
Features:
- Unique HTML5 Canvas Sandywatch animation
- Three distinct themes
- Retina Ready
- Optimized for mobile
- Responsive and mobile friendly design
- Custom countdown plugin
- Simple to setup from the get go
- AJAX email subscription with validation and support for
- Various sql databases (SQLite, MySQL, PostgreSQL, SQLSRV)
- Export to CSV files
- Mailchimp Seamless Integration
- Valid HTML5/CSS3
- Gracefully degrades in older browsers
- Responsive admin interface with subscriptions statistics
