PFold: Paper-Like Unfolding Effect
In Playground,
A highly experimental jQuery plugin that let’s you unfold elements to reveal more content just like on a piece of paper. Unfolding directions and number of steps can be specified.
Windy: A Plugin for Swift Content Navigation
In Playground,
This jQuery plugin can be used to swiftly navigate content items. The effect will make the items fly away like a deck of cards caught in a tiny storm.
Vertical Showcase Slider with jQuery and CSS Transitions
In Tutorials,
A tutorial on how to create a responsive vertical fullscreen slider that moves its sections in opposite directions. We’ll be using jQuery, CSS Transitions and media queries to make the layout adaptive.
3D Restaurant Menu Concept
In Tutorials,
A responsive 3D menu concept for a restaurant website. The idea is to show the menu as a folded flyer and unfold it in order to show the menu items.
Creative Web Typography Styles
In Tutorials,
Let’s create some interesting web typography effects with several CSS techniques and the help of lettering.js.
BookBlock: A Content Flip Plugin
In Playground,
A jQuery plugin that will create a booklet-like component that let’s you navigate through its items by flipping the pages.
Unfolding 3D Thumbnails Concept
In Playground,
A 3D thumbnail view concept for image slideshows: the current image gets opened up and a thumbnail view unfolds in 3d.
Triple Panel Image Slider
In Tutorials,
A tutorial about how to create a triple panel jQuery image slider with a 3D look and swipe-like transitions.
Circle Hover Effects with CSS Transitions
In Tutorials,
A tutorial about how to create different interesting hover effects on circles with CSS transitions and 3D rotations.
Animated Responsive Image Grid
In Playground,
A jQuery plugin for creating a responsive image grid that will switch images using different animations and timings. This can work nicely as a background or decorative element of a website since we can randomize the appearance of new images and their transitions.
Photo Booth Strips with Lightbox
In Tutorials,
A tutorial about how to create some neat scrollable photo booth strips and integrate Lightbox 2 and customize it in order to make it responsive and touch-device friendly.
Examples of Creative and Modern Effects in Web Design
In Articles,
From hover to scroll, there are many ways to surprise and engage website visitors. The possibilities are endless. Get inspired with these examples of creative and modern effects in web design.
Modern Block Quote Styles
In Tutorials,
Let’s create some interesting and modern styles for block quotes. We’ll be using different techniques for creating a unique look for six examples.
3D Flipping Circle with CSS3 and jQuery
In Tutorials,
In this tutorial we will create a circle with a handle which will open once the little handle is clicked, creating a realistic 3D flipping effect with the help of CSS 3D transforms and shadows/gradients.
Old School Cassette Player with HTML5 Audio
In Playground,
Vintage format meets modern web tech: an HTML5 audio player with realistic controls. Today we want to share an audio player with you that looks like an old school music cassette.
Swatch Book with CSS3 and jQuery
In Tutorials,
A tutorial about how to create a swatch book like component that let’s you open and rotate the single swatches revealing some details. We will be using CSS transforms and transitions and create a simple jQuery plugin.
Responsive 3D Panel Layout
In Playground,
A responsive layout experiment where we arrange panels in a grid-like structure and transition the elements with 3D effects.
Timed Notifications with CSS Animations
In Tutorials,
A quick tip on how to create some simple timed notifications with CSS animations. The idea is to show a notification with a progress bar for a specific duration and then make it disappear.
