Color Extraction Effect
by Manoela Ilic
A little slideshow with a color palette creation effect using CSS Filters and Vibrant.js.
+ more#slideshow
Prism Effect Slider with Canvas
A tutorial on how to create a slider with a "prism" effect using HTML5 canvas globalCompositeOperation and a layering technique.
+ more
Playful Trampoline Effect
by Manoela Ilic
A little playful content navigation effect that uses the draggable Elastic Stack and Snap.svg for animating a background shape like a trampoline. The demos are a tri
+ more
Sliding Header Layout
by Manoela Ilic
A tutorial on how to create a simple layout with a fullscreen header that slides up to reveal a content area with an image grid.
+ more
Perspective Mockup Slideshow
by Manoela Ilic
An animated perspective mockup slideshow with 3D transforms based on the computations made with the help of Franklin Ta's script.
+ more
Wobbly Slideshow Effect
by Manoela Ilic
The slides in this slideshow wobble as they move. The effect is based on Sergey Valiukh's Dribbble shot and was made using Snap.svg and morphing SVG paths.
+ more
Draggable Dual-View Slideshow
by Manoela Ilic
An experimental slideshow that is draggable and has two views: fullscreen and small carousel. In fullscreen view, a related content area can be viewed.
+ more
How to Create a Tiled Background Slideshow
by Manoela Ilic
A tutorial that shows how to recreate the four tiles slideshow effect seen on the website of Serge Thoroval. Using 3D transforms, transitions and animations, the aim
+ more
Inspiration for Item Transitions
by Manoela Ilic
Some inspiration and ideas for item transitions considering different scenarios and use cases, including a small component, a full-width image header and a product i
+ more
Tilted Content Slideshow
by Manoela Ilic
A tutorial on how to recreate the slideshow seen on the FWA landing page with 3D effects involving random animations.
+ more
Sliding Horizontal Layout
by Manoela Ilic
A slider-like layout where the neighboring sections are positioned horizontally next to each other.
+ more
Interactive Particles Slideshow
An interactive particles slideshow experiment built with HTML5 Canvas.
+ more
Morphing Devices
by Manoela Ilic
An experimental morphing devices slideshow with CSS Transitions for showcasing responsive web design screenshots.
+ more
Background Slideshow
by Manoela Ilic
A fullscreen background slideshow with autoplay functionality.
+ more
Quotes Rotator
by Manoela Ilic
A simple automatic quotes rotator with progress bar and example media query.
+ more
Full Width Image Slider
by Manoela Ilic
A very simple 100% width slider that scales down to mobile.
+ more
Elastic Content Slider
by Manoela Ilic
A fluid content slider that will adjust in width and height depending on the size of its parent.
+ more
Flipping Circle Slideshow
by Manoela Ilic
A simple circular slideshow where we flip the image in order to navigate.
+ more