FlexSlider - The Best Responsive jQuery Slider. Get started with FlexSlider in 3 easy steps! Step 1 – Link files Add these items to the <head> of your document. This will link jQuery and the FlexSlider core CSS/JS files into your webpage. You can also choose to host jQuery on your own server, but Google is nice enough to take care of that for us! Step 2 – Add markup The FlexSlider markup is simple and straightforward. Step 3 – Hook up the slider Lastly, add the following lines of Javascript into the <head> of your document, below the links from Step 1. …and voila! Step 4 – Tailor to your needs Listed below are all of the options available to customize FlexSlider to suite your needs, along with their default values. A little information about FlexSlider About FlexSlider FlexSlider was built to serve up the best responsive jQuery slider around.
Browser Support FlexSlider has been verified in Safari 4+, Chrome 4+, Firefox 3.6+, Opera 10+, and IE7+. iOS and Android devices are supported as well. jQuery versions 1.3+ are supported. Future Goals. Spectacular image galleries made simple. Media Queries. 47 Amazing CSS3 Animation Demos. Here is a compilation of 47 jaw-dropping CSS3 animation demos. They demonstrate the possibilities of the CSS3 transform and transition property. Some are very useful and can be used as Javascript alternatives. Most of them are simply to look cool.
In order to veiw these effects, you need a webkit browser such as Safari and Chrome (sorry to the Internet Explorer users). Enjoy! CSS3 Clock With jQuery Analogue Clock 3D Cube That Rotates Using Arrow Keys Multiple 3D Cubes (Slide In/Out) CSS3 Accordion Auto-Scrolling Parallax Isocube Image Gallery Matrix 7 Javascript-effect Alternatives Using CSS3 Image Hover Effects Turning Coke Can (Control With Scrollbar) 3D Meninas Polaroid Gallery Space Note: this one is graphic intense and takes a while to load, but the result is crazy! Mac Dock Drop-In Modals Sliding Vinyl Zooming Polaroids Animated Rocket Poster Circle Morphing Cubes Falling Leaves Animated Polaroid Gallery Spotlight Cast Shadow Colorful Clock Lightbox Gallery (Draggable) Elastic Thumbnail Menu Coverflow.
HTML5 Boilerplate - A rock-solid default template for HTML5 awesome. No Cag.es | No Regre.ts | #itstimeforarevolution.