Month 10: Designing for Web Standards

This class is, the easiest and yet the hardest class I've had, both at the same time. There's a constant balance of love and hate, and an overwhelming sense of fear that I'm going to fail this class. The teacher is very organized and presents the information in a clear, concise manner that is easy to understand. And while code is little more than memorization of a few selectors, properties and values, the semantics behind why you do what you do, is certainly the more complicated aspect of CSS. Learning specificity, and how the Cascade works, are some of the harder concepts to grasp, especially when things start to get really complicated.

For labs, we've been doing the CSS for a couple of websites. The websites are only one page each, but I still try to make them look nice. Oh, and I forgot to mention, the class only requires that we make them usable in Firefox, so if there's a few gradients missing, that's because it's not coded for Chrome, Safari, Opera, etc. Apologies about that. I'll get them updated ASAP. :)

Lab 1: Color
Lab one was all about color. I've already been doing a little CSS, on and off, for approximately two years, so I continued to familiarize myself with the properties and values. To view Lab 1, click here: http://lrroberts0122.github.com/DWS/lab1/index_linked.html

Lab 2: Typography
Lab two focused on typography. Kevin taught us how to use custom fonts, though I should probably look into how to use @font-face a little bit more. Still, it was an easy enough project, and there's not much to say except for showing you the website, itself: http://lrroberts0122.github.com/DWS/lab2/

Lab 3: Layout
Lab three started on the fundamentals of layout for our site, where we used floating to create a two-column layout. I lost points on this particular lab because I didn't make my gallery horizontal, but vertical instead. After all the trouble I went through with the sidebar, and the need to study for an Exam that was 15% of my entire grade, I just left it as is, weighing my priorities towards the Exam, which I was told I did very well on. http://lrroberts0122.github.com/DWS/lab3/

Lab 4: CSS3 Gradients
This lab focused on CSS gradients. Basically, we had to do multiple things with CSS3. It was fairly easy, and I'm updating this later than I usually would, so I don't exactly remember the specifics of the lab. But you can view it here:
http://lrroberts0122.github.com/DWS/lab4/

Lab 5: Responsive Web Design
What's really quite a shame about this particular project was that I was absent for this day. Basically, we had to make the webpage from Lab 3 responsive, so that depending on the device that you used, its layout would be optimized.
http://lrroberts0122.github.com/DWS/lab5/

Lab 6: Web Forms
Okay, so by far, this was my favorite lab. I don't know why, but I love to do web forms. Please keep in mind that these forms are best viewed in Firefox and will not work as intended in Chrome, Safari or any other explorer. There were four forms that we had to do, each getting to be more advanced than the one before. I have to say, that styling the drop-down menu items were extremely difficult, and I was too lazy to style any of the radio buttons / checkboxes.
http://lrroberts0122.github.com/DWS/lab6/level-1/
http://lrroberts0122.github.com/DWS/lab6/level-2/
http://lrroberts0122.github.com/DWS/lab6/level-3/
http://lrroberts0122.github.com/DWS/lab6/level-4/

Au revoir and thanks for reading!