SiteChef comes bundled with a number of frontend libraries that will save you a lot of time when interacting with assets uploaded by SiteChef users

These libraries are free to use and modify on any SiteChef-hosted site.

If you have any questions please get in touch at [email protected]

Library Index

Images/Video

ImageLoader -- Removes loading spinner and lazy-loads images
JQuery CleverCrop -- Sets (crops) an image/video/element within
Resizer -- resizes an image/video/element to fit inside a container Useful for overlay/lightbox images
CarouselGallery -- Easily create an animated carousel which dynamically plays HTML5 videos as part of the slideshow
HTML5Video -- Templates and binds a playable HTML5 video
VideoClick -- Replaces a placeholder image for a video with an auto-playing Youtube/Vimeo/HTML5 video player
ImageRotator -- Alternates a class 'current' after a delay between child elements. If element is a video, waits for video to end.

StripLoader -- Asynchronously loads 'strips' for a horizontal scrolling website. Great for making a 'single page' website with multiple sections that are divided into 'pages' in the backend. See www.rabbit-restaurant.com for and example

HistoryScroll -- Scrolls to a 'strip' and changes HTML5 History. Integrates with StripLoader

Analytics -- Listens to clicks to any anchor and registers it with Google Analyitcs
Newsletter -- Binds a newsletter form to submit correctly to the SiteChef Mailchimp integration
Twitter -- Dynamically loads a user's twitter feed via the SiteChef Twitter integration

Swipes -- Provides swipe/drag/touch functionality
SimpleParallax -- Provides parallax scrolling for an element inside another
HeightFix -- Uses javascript to create responsive 'square' elements where height is proportional to screen width
ScreenHeight -- Lock an element to a percentage of the screen height
Styled Dropdown -- Creates a touch-friendly responsive dropdown