AngelSix Web Development: 09 - JavaScript Basics Responsive Top Menu

** UPDATE DnaWeb to at least version 1.0.5.0 at http://www.dnaweb.io to get the newest fabric.modern1 template containing this code when you run `new template fabric.modern1` **

Part of the new series for teaching you web development.

Our first look at JavaScript. We start with a practical example and get straight in to making our top menu polished off with smooth animations shrinking on scrolling down, and getting the hamburger menu click to expand our mobile menu.

No third party tools, no libraries, all our own code, in less than 180 lines!

Getting source code:

- Download DnaWeb http://www.dnaweb.io
- Create empty folder
- In address bar type: dnaweb
- Once its open, type "new template fabric.modern1" and press enter twice

Alternatively you can check out the source embedded here at this point in time https://github.com/angelsix/dna-fabri... and the most up-to-date version here https://github.com/angelsix/dna-fabri...

1. js splice, fontspace, jsp, fontina cheese, font changer, font finder, js split, js switch, fontana weather, js replace, fontana ca, js foreach, jsx, json online, jsfiddle, fontana dmv, fontana news, font types, js promise, js regexp, js reduce, fontana, js filter, fonts free, js slice, fontbonne university, js array, font generator, font identifier, font styles, font awesome icons, json, js date, json formatter, font awesome, font copy and paste, font download, fontainebleau, js map, json viewer

Web Development: 09 - JavaScript Basics Responsive Top Menu
59 Likes	59 Dislikes
2,187 views views	25,227 followers
Science & Technology	Upload TimePublished on 16 Nov 2017