This article explains how to create vertical navigation menus without jquery or javascript. Yes, we are going to build vertical menus with CSS only. The navigation menu of a website plays a significant role in website’s usability and User Experience. Without menu navigation site is like content all but useless.
Best jQuery CSS2 / CSS3.0 Plugins & Tutorials with Demo
dFlip – 3D & 2D Flipbook WordPress Plugin
DFlip is a high quality, realistic flipbook plugin for WordPress with smooth effects to stun your viewers. It has PDF support inbuilt and you can have easy PDF integration without any extra extension. It’s very responsive and device friendly. You will have almost all features you’ll lookout for: like hot-spots, PDF annotations, outline, custom outline, image support, etc all in a single package.
Multi-Layer Page Reveal Effects with CSS & JavaScript
Today we’d like to show you how to create a simple and modern page transition effect. Maybe you have spotted some of the cool effects seen on sites like Nation or Keep Portland Weird, where two or more layers of overlays are animated across the page to reveal some new content. Let’s see how we can do something like that. We’ll focus on the animation part only, not the loading of content. For the effects we’ll be using CSS Animations.
ImageLinks : jQuery Interactive Image
ImageLinks is a lightweight solution for creation interactive images. With this plugin you are able to easily make an interactive image for your site that empowers publishers and bloggers to create more engaging content by adding rich media links to photos.
- 2 Predefined Themes – included 2 skins (default & dark), you can create your own theme containing custom colors, fonts, and effects by starting with a built-in themes and changing its settings
- CSS3 Animations – over 100+ CSS3 animations are available to give some stunning effects
- Build with LESS – LESS and CSS files included
- Cross-Browser – supports for all major browsers, including touch-screen devices and mobile devices
Isometric and 3D Grids with CSS3
Today we’d like to share some isometric grid styles with you. The inspiration comes from the Hotchkiss website where an isometric, scrollable grid is shown with some cool hover effects. In our first experiment we created a scrollable grid just like the one seen on that site, with some hover effects that involve random rotations. The second demo shows some ideas for “static” grids that are not scrollable but that serve more kind of a decorative purpose.
Animated Transition Effects with CSS & jQuery
A library of animated transition effects, powered by CSS Animations.A few weeks ago we published a tutorial about how to create an Ink Transition effect using a PNG sprite and the steps() CSS timing function. That resource has since become one of the most popular here on CodyHouse, therefore we decided to team up with talented motion designer Gabriele Mellera to create a small library of transition effects!
