Contents
Intro
CSS is how we create the visual design of our web sites.
CSS Posts
Below are the last six posts on our class site related to CSS.
Click here to view all CSS Posts.
There are a large number of ways to do responsive navigation. This page contains three examples from CodePen and then links to some sites that offer navigation examples that you…
Media Queries
In order to have a fully responsive web page you need three things: Fluid Layout: the width of the layout is set in fluid units like percent or fr units….
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…
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…
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…
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…
Resources
These HTML resources are grouped into areas. Some are direct links to resources while others are links to posts on this site.
HTML Learning Resources
These are resources (videos and articles mostly) about various aspects of HTML. For videos from password protected sites like LinkedIn Learning, a note has been made.
Prof Stein’s HTML Fundamentals Videos
This is a series of videos I made showing the fundamentals of HTML and how to write it. View Post
MDN’s Introductory Guides to HTML
This is a series of guides that go over the basic and important concepts and syntax of HTML. Some examples:
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. You can jump in to sections that you need to refresh. Also, this course has a quiz at the end of each chapter so this is another way that you can test your knowledge. If you get a question wrong it suggests videos to watch.
Article On When To Use HTML5 Elements
Ken Bellows’s Stop using so many divs! An intro to semantic HTML article. This explains when to use the most common sectioning elements (page structure).
Interactive Online Presentation On HTML, CSS And JavaScript
Lea Verou’s Introduction to Modern Web Technologies It’s long but interactive. It covers HTML, CSS and JS. Don’t go all through at once.
Reference Sites
These sites have reference materials you can use to look up terms and techniques. MDN stands for the Mozilla Developer Network. Mozilla makes Firefox and MDN is one of the most trusted resources.
Try it Out
These sites allow you to quickly try out HTML.
