Exercise files to complete are based on the previous week’s natours/v1. Each week you’re going to be making a duplicate of the previous version of the project and then renumbering. This week you will work through two additional versions, so that means two additional copies. Not to worry the edits to each version are minor, but represent specific learning milestones
for responsive units
for BEM renaming
There are certain CSS properties applied to a parent element that are “inherited” by the child elements. Name four properties that are inherited and four properties that are not inherited. Describe why you believe each is inherited or not.
Describe the differences between inline, block, and inline-block. Why would you want to use the inline-block value? Hint you have an example use in your Natours project.
all-intermediate.html (includes all the code-along pieces, screenshot)
table-pokemon.html I’m not going to give Colt’s boilerplate data for the Pokemon table. I’d rather you find names of Pokemon and direct links to images using the Bulbapedia list of Generation I Pokemon.
Find an example form on a website and complete the following:
Create a screenshot of the form and a link to the form. Include both in your post;
Recreate the HTML structure of your example form. Research and employ input types you think are being used other than ones presented. Don’t worry if it’s not perfect, but using the Enlighter code snippet tool, add your code.
Describe the input types you used and describe how the browser presents user interaction with them.
In a course with the title “design” included you might think you will be spending a lot of time creating designs – thinking about TYPE, COLOR, and LAYOUT of a variety of visual elements on a page. You will be doing this, but not with digital imaging tools such as Photoshop or even much pen and paper (ok you will do this a bit). You main tool is a text editor and designing with HTML/CSS is additional set of skills on top of design.
You’ll be spending most of your time learning the tools and tricks for implementing designs and less time on actual designing and design theory. With this in mind you will be learning to read and re-create designs. Can you note all the elements of a piece of design and successfully implement them with code. This will be an accomplishment in and of itself. And by the end of the semester hopefully you will do a bit of original designs as well.
For a first assignment, review web designer, developer, teacher Jonas Schmedtmann’s resources page for web design. Pick any resource, and describe what it’s useful for in the context of what you expect to learn this semester. In your first blog post describe what you hope to learn this semester and how the resource you chose could be helpful.