Github


I will be using GitHub to publish code from in class demos moving forward. You can download todays code here:   Also you might want to check out the GitHub app


Code


<header> <nav class=”navbar navbar-expand-md navbar-dark fixed-top bg-dark”> <a class=”navbar-brand” href=”#”>Sushi 666</a> <button class=”navbar-toggler” type=”button” data-toggle=”collapse” data-target=”#navbarCollapse” aria-controls=”navbarCollapse” aria-expanded=”false” aria-label=”Toggle navigation”> <span class=”navbar-toggler-icon”></span> </button> <div class=”collapse navbar-collapse” id=”navbarCollapse”> <ul class=”navbar-nav mr-auto”> <li class=”nav-item active”> <a class=”nav-link” href=”#”>Home <span class=”sr-only”>(current)</span></a> </li> <li class=”nav-item”> <a class=”nav-link” href=”#”>Link</a> </li> <li class=”nav-item”> <a class=”nav-link disabled” href=”#”>Disabled</a> </li> </ul> <form class=”form-inline … Continued


Al’s list #2


The three components of Responsive Web Design (https://www.webdesignerdepot.com/2014/10/3-fundamentals-of-responsive-design-you-have-to-master/) How to use the browser developer tools to test a responsive design (https://www.atlantic.net/hipaa-compliant-wordpress-hosting/how-to-test-responsive-design-device-mode-chrome-developer-tools/ How to create a web page with a fluid design Look at https://www.wix.com/website-template/view/html/2107 as the viewport width is reduced to less than 768 pixels. Note header overlap, image crop and the persistent hamburger menu even … Continued


Assignment One


Thing one: Each week read through the material on Al’s list ( week one ) I will post weekly updates check out: http://bluegriffon.org/ peruse: CSS Syntax and Selectors Inline, embedded and external style sheets CSS Image Gallery Read about image formats When to use GIF, JPG, PNG, SVG The #1 Easiest Way to Speed Up a … Continued


Resources


Text editors Brackets Sublime Text Atom Visual Studio Code FTP Transmit ( Mac only ) Filezilla    How the Web Works ( basics )   HTML & CSS