May 29, 2018
Dropdown menus and responsive menus are all too common components in the web design space. While I'd advocate using dropdown menus sparingly, they do unclutter what could be very complicated navigation. Responsive menus need to be neat and tidy for mobile users. Users want to get where they are going in a hurry as well as still view a sound user experience. The experience if done correctly should be painless and almost pleasant if possible.
Some background before we kick things off
So why all the videos from me? Well, I find that when I teach, I learn. It's as simple as that. You might know me from my Ruby on Rails tutorials. That was me learning! Don't worry if you're a fan of those, I still plan to contribute but I wanted to switch gears for a bit.
This series won't focus on frameworks at first. If I do explore any, it will certainly be as I learn more. Some frameworks that come to mind are Vue.JS as well as a Node/Express type of stack. Keep this in mind as you watch!
Ok, enough chit-chat.
Some things you'll probably want to reference
Be sure to initialize your project after installing yarn:
yarn script of which includes all the plugins we use for Gulp.
yarn add gulp gulp-sass gulp-autoprefixer gulp-imagemin gulp-concat gulp-uglify gulp-watch gulp-sourcemaps gulp-connect --dev
You can find my
Gulpfile.js in the repo here.
Part 1 - Project Setup
Part 2 - Coding the HTML
Part 3 - Coding the SCSS
Leave a reply