Typography Basics
This post presents the basics of typography through a set of rules to follow. Like all rules they are made to be broken, but you should learn them first before you start breaking them.
If you follow these rules your …
This post presents the basics of typography through a set of rules to follow. Like all rules they are made to be broken, but you should learn them first before you start breaking them.
If you follow these rules your …
In order to have a fully responsive web page you need three things:
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 …
The Responsive Personal Site Project is taking the wireframes and other ideas from your Portfolio Brief and creating a responsive web site that will be housed on GitHub.
Tuesday, March 12
The Portfolio Brief is a document to describe the Portfolio web site that you will be creating. It includes a number of areas where you will write about the project and create visualizations to show what it will be …
Instructions on how to submit your Portfolio Brief.
Please submit your brief as a single PDF file. I suggest using Microsoft Word or Google docs to create it and then exporting as PDF.
You will most likely use some …
These are games that help you to learn CSS.
Play Game: https://flukeout.github.io/
This is a web game that requires you to write CSS Selectors. It’s a fun way to test your knowledge of writing selectors for …
CSS Grid is relatively simple to get started but it is also deep with a lot to learn. This page has resources about CSS Grid for those just getting started to exploring more complex layouts.
In class we looked at …
These are elements that contain other elements. When creating a web page we use these to set up the structure of the page. These are what we apply grid and flex styling to and the other content elements (text, media …
A grid is a layout that you define in CSS that allows you to organize content on your page in Rows and Columns.
In order to have a grid layout you need to combine HTML and CSS. …
This sample assignment is a post that with the category Assignment. You can edit or delete this post. If you edit it, be sure to also change the post author to yourself. You can create your own assignment by creating …