This week the focus is on HTML and CSS. I’m assuming that you have had some experience before so it’s a refresher but we go fast. Before Class: Accounts Create GitHub account. If you already have one, make sure you remember the login info. We will also work with CodePen this week. You should use… Continue reading Week 2: 1/31 + 2/2
Author: Christopher Stein
HTML Resources and References
This is a link to some outside resources on HTML. HTML Essential Training View Course (LinkedIn Learning sign on required)This is a LinkedIn Learning Course by Jen Simmons who is one of the leading HTML and CSS Advocates. This course goes over everything in HTML. Most likely you will not go through the whole course.… Continue reading HTML Resources and References
Creating HTML from Wireframes
When making your web site you need to create HTML that matches your wireframe diagrams. Perhaps the biggest lesson here is to make sure to that you have set up Page Structure elements (see HTML 5 Periodic Table) to match the page areas that you have outlined in your wireframes. Remember that for both CSS… Continue reading Creating HTML from Wireframes
HTML Fundamentals Videos
This is a series of videos I made showing the fundamentals of HTML and how to write it. HTML Fundamentals Part 1 This covers the basics of what HTML is and it’s purpose. Duration: (11:10) HTML Fundamentals Part 2: How to Write HTML In this video I cover writing HTML and how tags are structured… Continue reading HTML Fundamentals Videos
HTML5 Periodic Table
This is an interactive site that helps you to view the different types of HTML elements. Clicking on the buttons on the top filters the elements. You should know all of the Core elements. Important sub-sets are: Setup: These elements set up the page so that it is ready. Most of these elements will be… Continue reading HTML5 Periodic Table
One-Line Layouts
10 modern layouts in 1 line of CSS by Una Kravets In this article and related resources Una shows how to create modern layouts with just a small amount of CSS. The layouts mostly use CSS Grid and Flexbox. Article (written and video): https://web.dev/one-line-layouts/ Editable Demo Examples on Glitch: https://1linelayouts.glitch.me/ GitHub Repository: https://github.com/una/1linelayouts YouTube Video… Continue reading One-Line Layouts
CSS Games
CSS Diner: Selectors Game 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. It also explains the selectors so it can be a good learning tool as well. By the end of this class you should… Continue reading CSS Games
CSS Resources and References
Here are some places where you can find out more about CSS Syntax, Selectors, Properties and Values. Nobody can remember everything about CSS Syntax, how to apply it etc. Your goal should be to know some of the main terms and ideas so that you can more quickly find the information you need in a… Continue reading CSS Resources and References
Week 6: 2/28 + 3/2
This week is and end and a beginning. We will finish up our Responsive Personal Sites, and then start into the next phase where we do those sites again but using Eleventy. Thursday 3/2 Activity 1: Responsive Personal Site Q&A Most of you have turned in the Responsive Personal Site which is great, but there… Continue reading Week 6: 2/28 + 3/2
Week 3: 2/7 + 2/9
JOIN LIVE SESSION Thursday 2/9 Activity 1: Portfolio Wireframes We will use a Miro (I will share the link in class as you can edit it) to get you started on your wireframes for your portfolios. After you have some time to work on your wireframes we will break into pairs to review and then… Continue reading Week 3: 2/7 + 2/9
Week 1: 1/26
In a typical week there would be activities to do before class on Tuesday. This week we will do these in class. If you want to get started ahead of time, you can start the Before Class part. If you are not able to do some or any of this before class, or you are… Continue reading Week 1: 1/26
Professor Chris Stein
I am a professor, academic technologist and digital media creative. I’ve been working in the field for a long time and seen a lot of changes. I’m excited about new developments in web design and bringing them to people new to the field. Outside of school I enjoy photography, fitness and film. Recently, I started… Continue reading Professor Chris Stein