Finding Resources

[foxfirefey]

Class Notes

Class has still been pretty quiet on the CSS learning front, but it's time to move on.

You can always look at the syllabus to see where we are. Our previous class was the second part of the lesson HTML and CSS overview; Examining with browser developer tools. Next week, we will review the foundation of core2 layouts.

Lesson Readings

So, this week I want you to find some resources you might want to use for your layout. There's a list started here:

Style Making Resources

Feel free to suggest your favorites--for instance, I'm not sure what the landscape of image hosting is currently like since I have my own webhost.

Exercises

I want you to think about the following:

• The color scheme for your layout. You'll need foregrounds (for text), backgrounds, and accent colors for things like links. If you are making an S2 layout, I recommend two sets of color schemes: one dark on light and one light on dark, to give you the best base to work from.
• Graphics you might want to use--backgrounds, accents, etc
• The positioning of layout elements you want to aim for--sidebars, no sidebars? What's in the header?

I totally recommend you chatter in comments about things you're thinking about and what you find that you like, along with giving your favorite resource recommendations.

Comments

Style Making Resources - Accessiblity & Compatibility

[stellastars]

RL has been keeping me busy and I haven't had as much time to devote to this as I would like... I'm in the middle of catching up on several lessons! In looking over this lesson, I remembered I had some resources regarding accessibility & browser compatibility. I thought they might be useful to others.

Accessibility
Colour Contrast Check Helps you make sure background/foreground colors will have enough contrast to be legible.
Vischeck.com Simulates how your style would look to an individual with color deficient vision.
Webaim.org article on fonts List of ideas to keep in mind with the goal of making your text as legible as possible. (Also, just kinda interesting about fonts.)

Browser Compatibility
Browsershots.org I haven't used this site yet, but supposedly it will simulate how your site will look in various browsers.

Re: Style Making Resources - Accessiblity & Compatibility

[foxfirefey]

Oh, thank you! I have made sure to add these to the list.

(I, too, am behind due to too much RL at the moment.)

Re: Style Making Resources - Accessiblity & Compatibility

[charlottetoolan]

Oh, the list of accessibility links is excellent! This is something that I wanted to look for, so I'll bookmark your finds.