background preloader

A jQuery plugin for extracting dominant colors from images and applying it to its parent

A jQuery plugin for extracting dominant colors from images and applying it to its parent

ScrollMagic - Demo jInvertScroll - A lightweight jQuery horizontal Parallax scrolling plugin jInvertScroll - A lightweight jQuery horizontal Parallax Plugin What is it? It's a lightweight plugin for jQuery that allows you to move in horizontal with a parallax effect while scrolling down. Note: By using this plugin, we expect that you know the limitations of horizontal parallax scrolling, for instance if the screen height is smaller than the content, the content will be clipped, but this plugin is intended anyway for webdesigners and -developers, so we think that you know what you're doing. ;-) Quickstart 1.) position: fixed; // All scrollable elements have to be position:fixed bottom: 0; // Make it stick to the bottom (or top) width: xxxxpx; // I recommend to assign the width in px, prevents preloading issues 4.) $.jInvertScroll(['yourselector1', 'yourselector2' Options You can tweak some options if you like: Download You can download the script as a zip file here: ..or get it from our GitHub repository. License

Fullscreen Overlay Styles & Effects | Demo 1 Previous Demo Back to the Codrops Article Overlay fades in and menu rotates slightly in perspective. As seen on Huge If you enjoyed this demo you might also like: Perspective Page View Navigation Animated Border Menus Sliding Triple View Layout Climb leg make muffins or sweet beast play time and hate dog or chew foot. Stretch climb leg. Play time give attitude for all of a sudden go crazy chase imaginary bugs lick butt. Claw drapes burrow under covers so hide when guests come over, inspect anything brought into the house hopped up on goofballs. Nap all day swat at dog and rub face on everything stick butt in face all of a sudden go crazy need to chase tail yet rub face on everything. Stick butt in face give attitude intrigued by the shower intently sniff hand. Hunt anything that moves hunt anything that moves burrow under covers and stick butt in face throwup on your pillow. Need to chase tail leave hair everywhere run in circles make muffins. Stretch hopped up on goofballs, destroy couch yet hate dog. Chew foot swat at dog. Shake treat bag throwup on your pillow for sun bathe and intently stare at the same spot use lap as chair. Chase mice play time hide when guests come over. Claw drapes burrow under covers.

scrollProgress Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur blandit tortor sit amet libero suscipit tristique. Sed eu sagittis orci. Integer tristique, tortor dapibus facilisis tincidunt, ante elit semper libero, in tincidunt arcu urna quis sem. Curabitur id tempor enim, nec lobortis justo. Suspendisse et vestibulum elit, eu porttitor ante. Nullam tempor tincidunt enim id dictum. Sed lacinia felis vitae consectetur rutrum. Pellentesque sem metus, ultrices ac lobortis ac, sodales ut eros. Donec a nisl consequat, sodales purus ut, hendrerit mauris. Praesent congue iaculis orci, vitae tempus orci accumsan ac.

SMINT | The simple jQuery plugin for lovers of one page websites. Have you used SMINT in a project? Id love to see what you've done. Id like to put together a gallery of the best SMINT website, with links back to the designers/developers, so if you have a great example of a SMINT powered website, send me a message on twitter @rabmyself SMINT V3 is finally here! No, really it is! Finally got, a some downtime to have a look and update a few of the bugs and rework how it functions slightly. One of the main changes is that you no longer have to give you links an Id, you can just use a # as the href, such as href="#section1". The annoying bug of the menu bar sticking down the page when refreshed has been removed, though I havent been able to thoroughly test this yet, but it seems to work as intended. Added the ability to make internal links scroll the sections too by adding the class 'intLink'. If you have links in your main menubar that you want to link to an external site, just add the class 'extLink'. Its not 100% perfect, but its improving!