Author: Christopher Stein

Class 9 [2/28] Designing Cards and Responsive Site Project

Sorry, but you do not have permission to view this content. If you are a student in the course, please make sure that you are logged in to the OpenLab and have joined our course and then you will be able to see the content.
Published
Categorized as class Tagged

Week 5: 2/23

This week we will be doing more work on the Portfolios, writing the HTML and CSS to turn your wireframes into actual web pages. We will also talk about design and look at on color, typography and layout for the sites. BEFORE CLASS View my comments on your Portfolio Brief. If you have not submitted… Continue reading Week 5: 2/23

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 web typography won’t suck. It will most likely be pretty good. The simplicity of the… Continue reading Typography Basics

Typographic Hierarchy

Most of the web is text so much of what you have to design is text. A typographic hierarchy helps the user to quickly scan a page and find information. Also, done right, it will make the page more visually attractive. Typographic Hierarchy tells the reader two basic things: what text is more or less important, what kinds of… Continue reading Typographic Hierarchy

Class 4 [2/7] Portfolio Brief and Layout

Today we started with a relatively long introduction where we talked about a few different aspects of the class. After that we spent time going over the Portfolio Brief Assignment including giving some examples of past work. To finish the class we did some work on doing layout on the web that included some theory,… Continue reading Class 4 [2/7] Portfolio Brief and Layout

Page Section Assignment

This assignment is to write HTML and CSS for the basic page structure elements of Ru’s Projects page. TURNING IT IN Go to this assignment in Blackboard and add a link to your GitHub Repository in the Written Comments for this assignment DUE DATE Tuesdsay, February 7 DESCRIPTION This assignment is based off of work… Continue reading Page Section Assignment

CSS Grid

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 My Examples: https://profstein.github.io/css-grid-basic-examples/ Reference Guides and Cheatsheets These help show all of the grid properties,… Continue reading CSS Grid

Media Queries

In order to have a fully responsive web page you need three things: We have already covered Fluid Layout. When you use FR units (grid-template-columns: 1fr 1fr; ) you are creating a fluid layout. This post outlines the third item, Media Queries. Media Queries are CSS rules that allow you to apply CSS styles only… Continue reading Media Queries

Class 3 [2/2] HTML and CSS

Sorry, but you do not have permission to view this content. If you are a student in the course, please make sure that you are logged in to the OpenLab and have joined our course and then you will be able to see the content.

Class 2 [1/31] Portfolios and HTML

Sorry, but you do not have permission to view this content. If you are a student in the course, please make sure that you are logged in to the OpenLab and have joined our course and then you will be able to see the content.

Class 1 [1/26] Course Introduction

Sorry, but you do not have permission to view this content. If you are a student in the course, please make sure that you are logged in to the OpenLab and have joined our course and then you will be able to see the content.