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 classic version uses an unordered list for the navigation:
<nav id="navbar">
<ul>
<li><a href="#" class="active">Home</a></li>
<li><a href="#" >Projects</a></li>
<li><a href="#">About</a></li>
</ul>
</nav>This version has appeared more recently and it just has links in …
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 …
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 …
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. …
Powered by:
