Topics/Problem set

Project architecture

• design 1 – a project directory with required assets and files including:
  • index.html (first component html skeleton included based on previous week’s proposal);
  • img/all-pngs-jpgs (downloaded and organized as many images needed to start);
  • css/style.css (should have a reset, palette defined with css variables).
• design 2 – a project directory with required assets and files including:
  • same three sets as design 1 above, but css is built from Sass;
  • sass/all-7-1-directories & .scss files (include reset, color variables, size variables, first component named (basic css with BEM naming started), grid system library (if desired)

For the blog

Link to your files on the server and describe how you plan to build your first component with CSS. What does your proposed component’s HTML skeleton assume you can accomplish with CSS? Try to use descriptive language that is ‘readable’ by a designer, not necessarily using CSS property/value language – more description of how things should work.