Showing all posts tagged with design.
Colors
Well hello again. This week I'm going to depart from CSS and discuss color theory and some of the meanings associated with the various colors.
The Color Wheel
This is the main part of color theory that almost everyone is familiar with. Here's one I threw together:
This wheel includes the primary colors (red, yellow, blue), the secondary colors (green, orange, violet), and the tertiary colors (red-orange, orange-yellow, etc). There are a number of different relationships based on the relative positions of the colors.
Complimentary Colors
Intro to CSS: Part III
This week I'm just going to talk about the different selectors and how to use them.
What are Selectors
CSS Selectors allow you to have much finer control over the appearance of a page by letting you apply styles much more specifically. For example, instead of applying a style to all elements, you can apply it to an element with a specific trait. Here's a list of all the selectors I can find/think of (some of them are repeats from last week):
| Selector | Syntax | Description |
|---|---|---|
| Universal | * | Selects everything. |
| Type | x | Selects all elements of type x |
| Class | .y | Selects all elements with a class attribute of y |
| ID | #z | Selects all elements with an ID attribute of z |
| Descendant | x y | Matches any element y that is contained by an element x |
| Sibling | x + y | Matches any y following <x> >/x< |
| Child | x > y | Like descendant, but more specific. Matches elements y inside an element x, but not elements inside y. |
Intro to CSS: Part II
Last week, we did some basic CSS stuff on this page, so now let's go a little deeper.
The Box Model
This is one of the concepts CSS is based on; the Box Model. The Box Model is a way of understanding how HTML elements will position themselves on the page when you change some of their properties. The Box Model looks like this:
Change is Done
Well, I think I've pretty much decided on the design. Ta-da! I'll probably make a few more minor changes in the near future, but I'm basically satisfied. In the meantime, I've added a game and a couple of videos. Enjoy!
Change is Good
I decided it was time for a change, so be on the lookout for all sorts of new design junk. The site will probably be pretty ugly (uglier than usual) until I'm done, so deal with it. When I'm all done, I promise some new games or something.
