Sliiide

13.04.2021

Made with: HTML,CSS,JS

View Code

Sliiide

Multi Level Push Menu

24.02.2021

Made with: HTML,CSS,JS

View Code

PlaceholderMulti Level Push Menu

Fly_Sidemenu

26.12.2020

Made with: HTML,CSS,JS

View Code

PlaceholderFly_Sidemenu

Jquery.Secretnav

11.11.2020

Made with: HTML,CSS,JS

View Code

Jquery.Secretnav

Scotch Panels

17.06.2020

Made with: HTML,CSS,JS

View Code

PlaceholderScotch Panels

Slidebars

20.02.2020

Made with: HTML,CSS,JS

View Code

PlaceholderSlidebars

Full Width Off-Canvas

2.10.2016

Left and right full-width off-canvas menus.

Made with: HTML,CSS (SCSS),JS

View Code

Full Width Off-Canvas

Off Canvas Mobile Submenu

21.06.2016

An experimentation that sets all submenus off screen so that they can be toggled in and out of view when their parent arrow elements are clicked.

Made with: HTML (Pug),CSS (SCSS),JS

View Code

PlaceholderOff Canvas Mobile Submenu

Portfolio Page With Animations

21.04.2016

Super awesome portfolio with off-canvas menu and a lot of animations.

Made with: HTML,CSS (SCSS),JS

View Code

PlaceholderPortfolio Page With Animations

Sidebar Menu Concept

2.05.2015

Sidebar menu that pushes content aside in 3D space. Still prettifying things.

Made with: HTML,CSS (SCSS),JS

View Code

Sidebar Menu Concept

Full Page Off-Canvas Navigation

20.01.2015

An example of how to build a full page navigation that exists off of the screen canvas, sliding into view when clicking the menu option. Added spice with a changing background color depending on navigation item hover.

Made with: HTML,CSS,JS

View Code

PlaceholderFull Page Off-Canvas Navigation

Medium Like Off-Canvas Menu

6.01.2015

Minimal Medium styled off-canvas slide in menu.

Made with: HTML (Pug),CSS (SCSS),JS

View Code

PlaceholderMedium Like Off-Canvas Menu

Offcanvas Sidebar Menu With A Twist

29.12.2014

Made with: HTML,CSS (SCSS),JS

View Code

Offcanvas Sidebar Menu With A Twist

Off Canvas Menu

28.11.2014

Little off canvas animated menu in jQuery.

Made with: HTML,CSS (SCSS),JS

View Code

Off Canvas Menu

Off Canvas Nav

4.10.2014

Nice little off canvas nav prototyping.

Made with: HTML,CSS (Less),JS

View Code

Off Canvas Nav

Off Canvas Nav

24.09.2014

The toggle is the green bar on the left. It transforms into an overlay - Click on it to close the menu.

Made with: HTML,CSS (SCSS),JS

View Code

PlaceholderOff Canvas Nav

Off-Canvas Menu Effects

16.08.2014

Some inspiration for off-canvas menu effects and styles using CSS transitions and SVG path animations.

Made with: HTML

View Code

Off-Canvas Menu Effects

Off Canvas Menu

15.05.2014

Another off canvas menu using the checkbox hack to active mobile navigation.

Made with: HTML,CSS (SCSS),JS

View Code

Off Canvas Menu

Simple Off Canvas Menu

17.04.2014

Simple off canvas menu with CSS3 transitions and translates and little jQuery.

Made with: HTML,CSS,JS

View Code

Simple Off Canvas Menu

Responsive Off-Canvas Navigation

2.08.2013

Just a simple off-canvas navigation with a few options and no annoying styles to override.

Made with: HTML,CSS (SCSS),JS

View Code

PlaceholderResponsive Off-Canvas Navigation