Must Do Stretch Goals Nov 21 Continued to work on the cards with the text wrap on shape. Working to place them into a column system so they will be responsive. Work on solution to keep the card aspect ratio constant.

Topics Problem Set Create a Google Slide presentation in which you include all of the above choices for your final project which you’ll be working on over the next few weeks. Here’s a sample presentation created by me during class for reference. For the blog Summarize your choices from above and link your presentation. Remember… Continue reading design 1 – project site proposal

Using two of your images (or completely new ones) from the designspiration exercise last week or photos from unsplash.com create a color palette based on that image. Choose a range of colors that are darker to lighter. So for example you may have two darker colors, one midrange color, and two lighter colors. You’re welcome… Continue reading Image based palette exercise

This is a quick tutorial on how to setup VSCode to format on save using the Prettier extension, including formatting HTML. Install the Prettier Extension Select ‘Settings’ from the gear icon in the lower left corner of VSCode In the search bar type ‘forma’ to look for format and choose Prettier as your default formatter… Continue reading Format on Save with Prettier

Exercise: Mood Board Create a digital document or physical document/collage of items that cohere to your taste. There a minimal number of goals: Use which tools you are comfortable with digital or analog. Old fashioned cutout collages are pretty great. But you need to present a digital image of the collage, which can be native… Continue reading design 1&2 Design inspiration

If you want to use an FTP client on your personal computer instead of the C-Panel’s file manager in your Reclaim Hosting account, this is the tutorial for you! FTP (File Transfer Protocol) is a method for connecting to your Reclaim Hosting Web Server using a tool that supports FTP connections. We’re going to use Cyberduck,… Continue reading Cyberduck Setup

design1 & design2 topics and problem set This will be the last couple of weeks of design for your website. And it’s a good time to create a “punch list” of issues remaining to be solved as well as adding some stretch goals if time allows. In a blog post, create a bulleted list of… Continue reading design1 & design2 – final designs and stretch goals

Topics / Problem set With a design chosen, it’s time to get your Sass tooling setup as well as your initial Sass files/variables: Create a 7-1 architecture for your template and have a least the following scss files with css defined: main.scss variables.scss reset.scss typography.scss flex-grid in your vendors folder home.scss OR elements.scss OR default_page.scss… Continue reading design 2 – final project site part 1 – Tooling, Grid, and first layout problem

Topics / Problem Set For the second week you will be tackling the next layout problem within your project. Hopefully your first week involved solving the main layout of your page, and now you can work on an interior layout issue. For the blog Describe which layout problem you’re working on and how you’re attempting… Continue reading design 1 – final project site part 2 – secondary layout problems

Topics Problem Set Build the first version of your project with a nice structure in a folder: Using the in-class tutorial for CSS variables, CSS reset, and default body fonts define them in your style.css. Create your index.html boilerplate and your initial HTML skeleton. Using these try to solve your first layout problem. For example… Continue reading design 1 – final project first steps