HTML.js: Enjoy working with the DOM

Mean: A scalable JavaScript boilerplate

PSD.rb: Read and write PSD files with Ruby

Despite being over 23 years old, the PSD file format is still extremely opaque. PSD.rb is a Ruby library for reading and writing PSDs that means you don’t have to know how the file format works in order to use it.

15 Responsive jQuery Navigation Plugins

http://inspiretrends.com/responsive-jquery-navigation-plugins/

Constructing a responsive website is not at all any easy task however; the most difficult part is preparation and coding of responsive website’s navigation. Unfortunately, as of now we do not have a universal solution for this difficult part as now because it all depends on the way of the menu you are about to use. Also, a lot depends on your website i.e., if it’s a small or large website. For small websites, most people will prefer a menu with a drop down or a small toggle menu. However, for large websites such as e-commerce ones, you will have to go for a navigation which is known as drawer style.

So, one thing is for sure that solutions differ and today we will cover all styles and their solutions for your convenience and these solutions will be found in jQuery plugins. Below are 15 Responsive jQuery Navigation Plugins.

You May Like : 15 Tabs Navigation Tutorials with jQuery & CSS

jQuery Sidr

Sidr is a plugin that is user-friendly and will accomplish the task of creating a responsive side menu just like Facebook. It will help you in creating menus on both side of your page, so use it according to your convenience.

Navgoco: Multilevel Slide Menu

Are you tired of unordered list of links? Well, Navgoco is indeed a perfect solution for you as it will turn those lists into vertical and beautiful multi-level side navigation.

Responsive Menus Flexnav

FlexNav is basically used to create a robust drop-down menu. It is also the chief example for jQuery and of course media queries that are being used in mobiles. It supports touch as well as keyboard.

Smart Menus jQuery

I consider this plugin to be a great one as it has a lot of features. It will allow you to create both vertical and horizontal responsive list based menus. The good news is that it will work on almost any device.

jQuery Menu-Aim

this plugin is basically for drop-down menus. This will help your system in detecting it a user is hovering over an item in a dropdown list or is finding a way into contents of a submenu. Menu-aim plugin determines the directions of the users and act accordingly.

Side Toggle Menu

If you want to add sideways menu bar within your layout, Side Toggle menu is the best option for you. It works two ways; moving over the page or by overlapping the page.

jQuery slimMenu

It is basically a lightweight jQuery plugin and helps users’ in creating navigation menus on multiple levels.

jPanelMenu

This is my personal favorite as I love animated style menu and that too when they are paneled and this is exactly what jPanelMenu is all about. I am sure you are aware of such menus; they are seen all over Mobile Facebook and Twitter. As far as transitions are concerned, they are controlled by CSS and you get to witness flawless transitions.

Responsive Flaunt.js

If you are looking to build a nested navigation out of the box which should be responsive as well, Flaunt.js is the best option for you.

Naver Responsive Navigation

This is one of the best plugins if you are looking to turn a simple navigation into a mobile version that is user friendly. It works automatically so less effort.

TinyNav.js

It is extremely a lightweight plugin i.e., 368 bytes that will help you in converting <ul> and <ol> menus. These will convert the menus into dropdown that offers selection as well.

Responsive-menu

If your browser is at mobile width, this tiny plugin will convert the site’s navigations into a mobile one.

HorizontalNav

This is an interesting plugin because it spans a parallel navigation appropriate for the entire width of its container and also provides an option to the user i.e., if the user wants to go for a responsive version or not.

jQuery.mmenu

You can create amazingly slick and sleek sliding menus and that too with using a single stroke of JavaScript and it is following:

[js]$(“#nav”).mmenu();[/js]

It is as simple as that. This single line makes things smooth and convenient for you.

MeanMenu

This media query will help you in converting a simple menu into a mobile responsive one. It is basically a lightweight JS, which can convert a simple menu into a mobile one.

.

For the last couple of months, flat web design has been really a huge topic on the web. Up to now, it is steadily dominating the web. From UI, to the latest portfolio update, icons and even the top web design blogs are now using flat web design, not to mention Microsoft, Android and just recently Apple is going flat too!

So why are so many designers using this style?

Flat design makes things free from distractions, eliminating heavy background images, swirls, grunge that makes everything cluttered. It’s very easy to navigate, since there are no more gradients, drop shadows, glows and bevels. It puts more focus on the text, making everything readable from big screens down to mobile.

Oh, and besides if you want something more than inspiration we have nice flat countdown timer video tutorial created specially for You!

Okay, enough talking. Time to check our collection of flat web design for your inspiration!

Agency

Blocklevel

Nitrografix

Conversionforge

Madebyfibb

Fhoke

PSD2HTML

Pexelplant

Playgroundinc

Northbounddesign

App

Sumall

Nextr

Geckoboard

Numbrs

Triplagent

Inky

Kippt

Publiq

Product

Winds Phone

Fitbit

Wistia

Mailchimp

Teamsort

Yourkarma

Fusionads

Kinhr

Portfolio

Adam Rudzki

Theissland

Sammrkiewi

Ivomynttinen

Evan Richards

Builtbybuffalo

Daniel Pertrarolo

Stedesign

Others

WDMTG

Mint Themes

BYNC

Redbull Studios

MTCDC

Tree House

Square Space

Chilicon Graphic

Dunked

Adayinbigdata

http://angular-tips.com/blog/2013/08/why-does-angular-dot-js-rock/