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.
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.
- Responsive due to Twitter Bootstrap
- Extendable thanks to Backbone.js
- Fast as much as jQuery can
- Configurable & customizable
This article will show you that how to fetch images from various sources like
5. Imgur &
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
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.
Combines the epic powers of Twitter Bootstrap and jQuery Isotope
- 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 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.
- 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
The select decorator component that was missing for Twitter Bootstrap.
- Bootstrap-like dropdown decorator for
- 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