Before Class Work on your Final Projects and come with questions.
These two videos show you how to create a list of items that are in a data file (a list of images in this case) and then also to dynamically generate pages from that data file. This is similar to what we did in class with the Clients pages. These work with the eleventy starter… Continue reading From a Data File: show list of items and create pages
When making your web site you need to create HTML that matches your wireframe diagrams. Perhaps the biggest lesson here is to make sure to that you have set up Page Structure elements (see HTML 5 Periodic Table) to match the page areas that you have outlined in your wireframes. Remember that for both CSS… Continue reading Creating HTML from Wireframes
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
Icons are a good way to make your page easier to scan, communicate across languages and add visual interest to the site. Use them when they complement or add meaning to the text content and don’t overuse them on any individual page. Occasionally it’s OK to use them without text but generally they should be… Continue reading Icons