sshyran

Fluid Map Maintaining Aspect Ratio

Creating a fluid map that preserves aspect ratio by using Google Maps with Uncle Dave's Ol' Padded Box

Forked from Brad Frost's Pen Fluid Map Maintaining Aspect Ratio.

Forked from Brad Frost's Pen Fluid Map Maintaining Aspect Ratio.

A Pen by Captain Anonymous on CodePen.

sshyran

Adaptive Map

A map experience that defaults to a text link to Google Maps, and loads in a static map image for small screens but an iframe map for larger screens.

Forked from Brad Frost's Pen Adaptive Map.

A Pen by ne.mmoj on CodePen.

License.

sshyran

CSS only Responsive Tables

Forked from David Bushell's Pen CSS only Responsive Tables.

A Pen by ne.mmoj on CodePen.

License.

sshyran

Side Sliding Menu CSS

CSS Sliding menu with scroll, no JS were used

Forked from Eduard L.'s Pen Side Sliding Menu CSS.

A Pen by ne.mmoj on CodePen.

License.

sshyran

Menu Toggle button with flat menu

Menu toggle button with flat menu. Uses CSS transitions and Vanilla JS.

Forked from Geoffrey Crofte's Pen Menu Toggle button with flat menu.

A Pen by ne.mmoj on CodePen.

License.

sshyran

Full screen burger menu

Hamburger menu to expand to full screen when toggled.

Forked from Paul Sullivan's Pen Full screen burger menu.

A Pen by ne.mmoj on CodePen.

License.

sshyran

Responsive Slide Toggle Menu

Forked from Philippe's Pen Responsive Slide Toggle Menu.

A Pen by ne.mmoj on CodePen.

License.

sshyran

<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">

<div class="container">
    <ul id="gn-menu" class="gn-menu-main">
        <li class="gn-trigger">	
          <a class="gn-icon gn-icon-menu"><span>Menu</span></a>
            <nav class="gn-menu-wrapper">
                <div class="gn-scroller">
                    <ul class="gn-menu">
                        <li class="gn-search-item">

sshyran

Full Page Intro & Navigation

Here is a responsive intro page, focused around a full width background image and a bold animated menu. And, for browsers that support it, a nice iOS-like blurred effect behind the navigation.

Article and download on Cody: http://codyhouse.co/gem/intro-page-full-width-navigation/

Forked from CodyHouse's Pen Full Page Intro & Navigation.

A Pen by ne.mmoj on CodePen.

sshyran

Responsive and Mega menu

Responsive mega menu using css.

Forked from Arjun Amgain's Pen Responsive and Mega menu.

Forked from Arjun Amgain's Pen Responsive and Mega menu.

Forked from Arjun Amgain's Pen Responsive and Mega menu.