This Blueprint is a simple jQuery content slider. It has a sliding area for content and a tab-like navigation at the bottom. The slider is fluid, meaning that it will adjust to the parent’s container width and height. A couple of media queries show how to minimalise the look by just leaving icons for the navigation when the screen is very small. The content area will become scrollable if there isn’t enough space available. Every list item is a slide and and it has a corresponding link element in the navigation.
Tag: animation
jQuery Accordion Menu
“jQuery Accordion Menu” is a menu with accordion behavior.”
Easy Responsive Tabs to Accordion
Easy responsive tabs – is a lightweight jQuery plugin which optimizes normal horizontal or vertical tabs to accordion on multi devices like: web, tablets, Mobile (IPad & IPhone). This plugin adapts the screen size and changes its action accordingly.
Multi-Level Accordion Menu
A simple CSS accordion menu with support for sub level items.
Today’s resource is a handy accordion menu with support for groups/subitems. It works with CSS only, using the :checked pseudo-class selector on the checkboxes input elements. However we included a version with jQuery as well, in case you prefer a subtle animation compared to the instant default effect. Your call!
ScrollTrigger – Scroll Based Animations with Ease
Triggers classes on html elements based on the scroll position. It makes use of requestAnimationFrame so it doesn’t jack the users scroll, that way the user / browser keeps their original scroll behaviour.
Continue reading ScrollTrigger – Scroll Based Animations with Ease