Animenu – a responsive dropdown navigation made with SASS

Animenu – a responsive dropdown navigation made with SASS

Original: Article By Red Team Design
Published on: May 16 2013
By: Ravi Juneja
Leave a Comment
FULL WIDTH IMAGE SLIDER

FULL WIDTH IMAGE SLIDER

This slider has a 100% width layout and it is responsive. It operates with CSS transitions and the image is wrapped with an anchor. The anchor can be replaced by a division if no linking is needed. With...
Published on: May 16 2013
By: Ravi Juneja
Leave a Comment
SIMPLE YOUTUBE MENU EFFECT

SIMPLE YOUTUBE MENU EFFECT

A tutorial on how to recreate the effect of YouTube’s little left side menu. The idea is to slide a little menu icon to the right side while revealing some menu item list beneath. Author : MARY...
Published on: May 04 2013
By: Ravi Juneja
Leave a Comment
CUSTOM LOGIN FORM STYLING

CUSTOM LOGIN FORM STYLING

Nowadays, almost every web service, application, game etc. allows (or even requires) user subscription, which means they all need some kind of form for users to register and sign in. With this in mind,...
Published on: Apr 20 2013
By: Ravi Juneja
Leave a Comment
INTERACTIVE INFOGRAPHIC WITH SVG AND CSS ANIMATIONS

INTERACTIVE INFOGRAPHIC WITH SVG AND CSS ANIMATIONS

One of the less talked about features of newer browsers is increasing support for the SVG file format. If you are unfamiliar with SVG, it stands for Scalable Vector Graphics. Unlike raster image formats...
Published on: Apr 11 2013
By: Ravi Juneja
Leave a Comment
CREATIVE CSS LOADING ANIMATIONS

CREATIVE CSS LOADING ANIMATIONS

Today, we are going to do a lot of stuff with CSS animations. Indeed, we will talk about CSS loading animations. What do you say? Ready? A few things before we start: You won’t see any vendor prefixes...
Published on: Apr 04 2013
By: Ravi Juneja
Leave a Comment
CSS3 Responsive menu

CSS3 Responsive menu

Today I’m going to tell how to create a responsive navigation menu using only CSS3. Why responsive? I think it is important and essential. As you know, today, many people browse the Internet via mobile...
Published on: Apr 04 2013
By: Ravi Juneja
Leave a Comment
THUMBNAIL GRID WITH EXPANDING PREVIEW

THUMBNAIL GRID WITH EXPANDING PREVIEW

If you have searched images on Google recently, you might have noticed the interesting expanding preview for a larger image when you click on a thumbnail. It’s a really nice effect and it is very practical,...
Published on: Mar 31 2013
By: Ravi Juneja
Leave a Comment
SIMPLE EFFECTS FOR DROP-DOWN LISTS

SIMPLE EFFECTS FOR DROP-DOWN LISTS

Today we want to share some simple drop-down list effects with you. The idea is to transform a normal select input into something more appealing with a jQuery plugin. The expanding of the options will...
Published on: Mar 13 2013
By: Ravi Juneja
Leave a Comment
FULLSCREEN PAGEFLIP LAYOUT

FULLSCREEN PAGEFLIP LAYOUT

A tutorial on how to create a fullscreen pageflip layout using BookBlock. The idea is to flip the content like book pages and access the pages via a sidebar menu that will slide out from the left. Author...
Published on: Mar 08 2013
By: Ravi Juneja
Leave a Comment
Performance Optimization WordPress Plugins by W3 EDGE