A big part of graphic design in general and the web design we do in this class is communicating a message to a particular group of people (audience). The Gestalt Principles were created to help explain how people make sense of what they see. They are particularly useful for web design where we’re using a… Continue reading Gestalt Principles and Web Design
Tag: resource
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
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
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 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
