design1 – Page Layout and Responsive Design with Gridlex

We’re almost done with our card system problem set! All five card types have been created and now it’s time to work on our page layout. We’re going to use a CSS library called Gridlex to help us out. CSS libraries are pre-built CSS files that create a set of tools to help with design. …

design1 – Card title links & CSS comments, variables

The start of this week has you doing a bit of maintenance on your HTML/CSS. We add anchor links to the card titles using Emmet’s wrap feature in Visual Studio Code. We then complete the new CSS required for these new title links. In the second video, we do a little reorganization of our CSS …

design2 HTML Template Presentation

You will be presenting your work for the HTML template practice project version 2. Here’s a sample presentation which models what should be covered. Please use Google slides and please make sure the link you share in accessible to everyone with the link (test this in a private browser). When making your slides, use your …

design1 – ADV CSS Layout with Flexbox – part 2

Tutorials ADV Section 04, videos 042 – 051 The following HTML and CSS pairs will need to be completed as part of the code-along and uploaded to your server: navbar.html / navbar.css polygon.html / polygon.css holy-grail.html / holy-grail.css Blogging Questions Describe the purpose of the two flex item properties flex-basis and flex-grow. How are these …

design1 – recipe v4 presentation

You will be presenting your work on the final version of the recipe. I’ve created a sample presentation that you can consider for a model. Please use Google slides and make sure that the shared link is viewable by everyone. When making your presentation, use from your website the Google fonts from your heading and …

Recipe Assignment Rework

We’re adding another week to the recipe assignment. This becomes effectively the fourth version. Version 1 was just the HTML, v2 included the very basic css with very specific instructions, and then v3 was to be the last with good design. So we’re creating a v4 that is giving some more specific instructions about how …

css.php