Today we’d like to share a couple of tab styles with you. We use pseudo-elements, SVGs and CSS transitions for some of the techniques.The collection contains some styles and effects for modern tabs; from a simple box to a SVG shape. Depending on your design, different tab layouts and looks can spice up your sections; think outside of the box (literally) and you’ll see how interesting the usually boring tabs can become.
Best jQuery CSS2 / CSS3.0 Plugins & Tutorials with Demo
Expander : Enlarge Image Viewer with jQuery & CSS3 Animation
Expander is a JavaScript library that converts any old tag into a smart clickable expanding object. It uses the latest of CSS3 animations to provide the best visual results. Expander is fully responsive and reactive. It will fit any screen or device as its mobile ready. It also support Chrome, IE, Firefox, Safari & Opera.
Jaguar : jQuery Adventure Game Engine
Jaguar puts the power of hardware-accelerated story-telling in your hands.Using only 3 simple HTML tags and minimal CSS, Jaguar can accomplish nearly all game features of classic adventure games such as Monkey Island, Loom and The Dig.Jaguar is build for beginners to finally be able to create story-driven adventure games without any coding experience.
Responsive Off Canvas Menu with CSS3 & jQuery
In this article, I’ll be walking through a build demo that centers on two topics. The first is responsive design patterns that embrace the viewport and that improve content discoverability beyond the basic hyperlink; in this case, off-canvas navigation. The second is the complexities of implementing such ideas in an accessible and highly performant manner. These are two topics that I believe are at the heart of the Web’s future.
OpenMes : jQuery Open Messages With Animation Effects
OpenMes is a jQuery plugin that is used to create unlimited popups, lightbox, messages, notifications with a lot of animation effects, support text, images, videos and also complicated HTML code. Additionally, OpenMes allows to combine inline and AJAX content for best SEO and performance.
Draggable Metro App Showcase with CSS3
Today I’d like to share with you an interactive and touch-optimized metro app showcase concept for showcasing a metro (probably a Windows Phone) app screenshot. The screenshot will be draggable and swipable, and you’ll have a couple of extra options to view how the app would look like in a mobile phone frame.
The Loading Bar WordPress Plugin
Your website will take a bit of time to load when you have images in them, and during this period your website can sometimes look broken. The Loading Bar is a lightweight plugin that will hide your site while it’s still loading, display a loading progress and when it’s fully loaded, shows your site in all it’s glory.
