-
CSS for Images
Basic Responsive Image and Video The following CSS will allow images to resize down (not bigger) if they are bigger than their container. img,video{ width: auto; max-width: 100%; height: auto; }…
-
Simple Navigation
The examples I’m going to use are from the Listamatic web site. http://css.maxdesign.com.au/listamatic/ This site is out of date, but in this case that’s a good thing. It means that our navigation will work in older versions of browsers. Navigation …
-
Using Google Web Fonts
Google has a large number of fonts you can use in your project for free. You can browse them at: https://fonts.google.com/ This shows how to use Google Fonts in your CSS file using the @import method. …
-
CSS Games
In general with web design you don’t have to memorize all of the HTML and CSS syntax but it is good to know a) what’s possible, b) the names for things (like selectors, elements, properties etc) and c) where to …
-
CSS Properties for Typography
Most of the web is text so it’s good to learn how to set and style type (the art of typography). For an example with more in depth resources see this CodePen: Web Typography Basics. These are some of …
