This week we will dive into Eleventy Before Class: LEARN DO THIS: Make sure you have node installed on your computer. For windows and macOS there are steps in the dev environment instructions that cover this. Make sure you have access to your project files (brief document, html, css, js) DO BEFORE WEDNESDAY Do the Markdown… Continue reading Week 8: 10/18 + 10/20
Category: Responsive Site
Responsive Navigation
There are a large number of ways to do responsive navigation. This page contains three examples from CodePen and then links to some sites that offer navigation examples that you can copy and paste. If you use one of these, add links to it in your Designed By page. Example 1: Responsive Nav Title and… Continue reading Responsive Navigation
Week 7: 10/13
This week we will finish the Responsive Site and get started on being ready for Eleventy. The Responsive site will be submitted on Thursday, October 14 There is no class on Monday, October 11 due to a holiday. Before Class: LEARN DO THIS: Work on your project. Roughly in this order wireframes complete create HTML… Continue reading Week 7: 10/13
Submitting the Responsive Site
Here is what you will need to do to submit your responsive site Publish the site with GitHub Pages View your published site in your browser. Copy the URL. It should be something like https://your-user-name.github.io/your-project-name Go to Blackboard for our course Click on Assignments > Responsive Site Paste in your URL in the text area… Continue reading Submitting the Responsive Site
Responsive Images and Video
Images are by default inline elements that are a certain size and will take up that space on your web site. For responsive web design we need our images to be able to shrink in size if the container they are in is smaller than the image. For example: The following needs to be in… Continue reading Responsive Images and Video
