After working on the in-class/homework purple page (and with Mark and Pearl’s help) I can hesitantly say I don’t feel completely hopeless coding anymore. It took way less time than usual to tweak the purple page, actually allowing time to re-attack my typography assignment and portfolio pages! The type page in-class critiques included: too many words per line, a responsive (bouncy) site, and padding issues. Finally seeing a “static” site with set width and use of px vs % or em was extremely helpful in defining what our site should be. I was following Lynda.com’s responsive site plan with max and min widths instead. My second revelation was the purple page’s use of a container/article. Previously, when looking at websites with the developer tool I hadn’t made the connection of the separate central div, which also allowed for a more distinct background surrounding the container. Thirdly, realizing you can just place an image or quote in the middle of the source code and use really opens up the non-linear possibilities.
I’ve always fancied myself a bit of a designer around the house, but color combos alluded me. These tools are great for inspiration, presenting the color spectrum ever-so-different. The most intriguing tool types were extracting colors from images (colr.org), accessibility checkers, and any of the plug in a color and get scheme options tools. I put my site up against Graybit and it checked out, but when I tried it in Check My Colours it came up with an error message. Did anyone else have any luck with it? It would be neat to see how it grades different sites. Extracting colors from a set image is a great idea, but dealing with black and white images doesn’t help the cause. I really want to use that type of tool once we work with photoshop and hand color a photograph.
During spring break, I am definitely going to continue attacking and reconfiguring my portfolio and type pages. I’m looking forward to tweaking the color scheme too.
I commented on Alicia’s blog.