Saturday, November 17, 2007

Webpage designers - COLOR helpers

A few fun pages to help you pick your colors for your website... The following plus a few more can be found on my website's Color Resources page.

Website Color Picker: "...will help you evaluate color combinations quickly and easily. It works equally well on MacOS or Windows. ...You can experiment with different colors for BGCOLOR, TEXT color, LINK color and VLINK color. a color swatch in the appropriate section of the left window and see the color applied immediately to the chosen attribute in the right window."

Color Blender: Another visual color-code-producing site. This one lets you select 2 colors from color swatches, then blend the two in however many steps you specify. It's a Creative Commons share site, so you can copy the source code to have the Color Blender page handy on your own hard drive.

Color Schemer / Design in Harmony: My recent LVSOnline teacher says, "This is one of my favorites. You can use it on the web for free and you download any of the hundreds of color schemes posted there. The software available for purchase is really nice in terms of flexibility and power. It has a 15 day free trial."

Monday, November 12, 2007

Instructional design resources

From U. of Texas, a page of commented links to resource sites.

Teaching With Technology Tutorials

Examining Technology from an Educator's Perspective: "Tips for making the most of technology in your classroom, school, and district. We show you constructive and practical applications of technology."

Integrating Technology |

Sections on the site include integrating technology, best practices, and links to additional technology resources. Topics are for K-12 and include Arts, Early Learning, Foreign Language & ESL, Health & Safety, Math, Professional Development, Reading & Language Arts, Research Skills, Science, Social Studies.


Generate CSS code visually. Create a box of type using their online element selectors, including font, size, color, etc. See your selection results right on screen. Then click to generate the CSS code for it.