jQuery CSS3 Slider Timeline Menu

jQuery CSS3 Slider Timeline Menu

Learn to create a slider timeline menu with CSS3 animations. It is a fixed navigation that smooth scrolls to new sections with a cool slider effect.You can click on each link as well and it will smooth scroll along with adjusting the dial to the selected section. I liked this idea and took it a step further with giving each section a color. The slider background color will fade to the selected section’s color.

FancyBoxThumbs : Displays thumbnailed images in a Mac-style lightbox

FancyBoxThumbs : Displays thumbnailed images in a Mac-style lightbox

The FancyBoxThumbs extension displays thumbnailed images in a Mac-style “lightbox” that floats overtop of web page. This can create a more user friendly environment, where the user doesn’t leave the page every time they click a thumbnail.

bbGrid : Extendable Grid based on jQuery & Twitter Bootstrap

bbGrid : Extendable Grid based on jQuery & Twitter Bootstrap

Quite simply, bbGrid is a JavaScript grid/spreadsheet component. The general idea is the same as in Backbone, you don’t need to keep an eye on collection, bbGrid will do that!

Features:

  • Responsive due to Twitter Bootstrap
  • Extendable thanks to Backbone.js
  • Fast as much as jQuery can
  • Configurable & customizable

Facebook Style Embed Image from URL using PHP & jQuery

Facebook Style Embed Image from URL using PHP & jQuery

This article will show you that how to fetch images from various sources like

1. Instagram
2, Pinterest
3.  Flickr
4. Twitpic
5. Imgur &
6. Deviantart

Now a days major sites are using this feature to automatically embed images from a url. So I am going to explain you how to get images from url using PHP & jQuery

jQuery Smart Timer And Counter

jQuery Smart Timer And Counter

Smart Timer And Counter is a jQuery plugin that can be used to add timers and clocks to the web page. Plugin is highly configurable and expandable through custom skins (visual component), modes (clock/timer logic) and languages (translate labels).

  • Styling is done using CSS (and Canvas for Circular skin), and all included styles are pure CSS with no images used.
  • Responsive, uses media queries to change counter sizes, and it can break into multiple lines on smaller screens.

jQuery Fly Side Menu

jQuery Fly Side Menu

Fly Side Menu is a script that will recreate the impressive animation you see on Airbnb’s new iOS7 app using jQuery and CSS3. In additional to that, I’ve also added a few more options for you guys to play around with.

jQuery Isotope for Twitter Bootstrap

jQuery Isotope for Twitter Bootstrap

Combines the epic powers of Twitter Bootstrap and jQuery Isotope

jQuery Masked Input Plugin

jQuery Masked Input Plugin

This is a masked input plugin for the jQuery javascript library. It allows a user to more easily enter fixed width input where you would like them to enter the data in a certain format (dates,phone numbers, etc). It has been tested on Internet Explorer, Firefox, Safari, Opera, and Chrome. A mask is defined by a format made up of mask literals and mask definitions. Any character not in the definitions list below is considered a mask literal. Mask literals will be automatically entered for the user as they type and will not be able to be removed by the user.The following mask definitions are predefined:

  • a – Represents an alpha character (A-Z,a-z)
  • 9 – Represents a numeric character (0-9)
  • * – Represents an alphanumeric character (A-Z,a-z,0-9)

Responsive CSS3 Data Grids

Responsive CSS3 Data Grids

Responsive CSS3 Data Grids are used to present typical tabular data. Their advantages over the standard table are expandable rows in a form of drop down accordion sections, ability to highlight individual rows, hover states, table cell and headings tooltips. In addition the table is fully responsive and adapts well to the resolution of different mobile devices like iPad or iPhone by grouping the data into rows. Additional drop down panel allows to show / hide selected columns for easier data comparison.

Features:

  • Pure CSS3 + HTML,
  • Responsive Layout,
  • IE8 JS Fallback,
  • Expandable Rows,
  • Ability To Expand Multiple Rows At Once,
  • Ability To Expand Only One Row At Once,
  • Ability To Expand Selected Rows By Default At Startup,
  • Ability to Highlight Single Table Row,
  • Hover States,
  • Columns Filtering,
  • CSS3 Tooltips,
  • 4 Predefined Color Skins

bselect : Select decorator component for Bootstrap

bselect : Select decorator component for Bootstrap

The select decorator component that was missing for Twitter Bootstrap.

Features:

  • Bootstrap-like dropdown decorator for <select> elements
  • Easy to use, a simple jQuery call and you’re done!
  • Doesn’t require any Bootstrap CSS or JS to work
  • Tested via QUnit
  • Support for internationalization
  • ARIA ready