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

[marahmarie]

If manipulating CSS with floats or absolute positioning or elaborate margins to significantly move things around is an issue

It's absolutely not an issue. I sort of enjoy messing with default positioning (here's an example of me changing a right-floated #primary div to float left using pure CSS, which I did just for fun and because, well...I like entries to float left). It doesn't matter where elements are to begin with because I know how to move them even where they're not supposed to move. I just don't know where to put them to begin with, if that makes sense (in other words, with no existing layer to work with, I'm lost, as in, "Um, where does stuff go?").

But seleneheart has given me a great framework for taking new-style editing out of Web Dev's CSS editing panel and into some sort of imaging program to start with instead (which long-term, I think is going to be much more productive for me) and for that I'm very grateful. Thanks for your thoughts on this, too. :)