Everything I Needed to Know (about coding), I Learned at Camp Firebelly
When we received our assignments last week, I was really excited to be on the website team. Not only was it great to get to work with the others in my group and Jason Schwartz, among other guests, but I was really looking forward to getting to help code the site. After an intense weekend crash-course-marathon-coding-event, I have come to one conclusion: Keith is Awesome.
Now, I don’t want to suggest that any of the other Camp Staff members are any less awesome than Keith… (A special thanks goes out to Dawn for having us, Will for helping/learning along with our team, Antonio for supplying a great stock of movies, and his girlfriend for the most delicious cupcakes in Chicago.) However, over the course of the past weekend, Keith has managed to accomplish what two semesters of web-design classes were never able to do in college: I now feel like I understand what I am doing. How did he accomplish such a miraculous feat? Why, with Four Mind-Blowing Revelations. I now present for your consideration the 4 MBR’s:
- Crash Course/Ordered vs Unordered Lists
The first night , Keith totally blew my mind by giving us a brief overview of the basics of laying out a website in code to get it ready for styling in css. Prominently featured was an explanation of Ordered vs Unordered Lists. Is the order of the items in your list necessary for understanding the list? For example , are you outlining the steps of assembling your own golf cart? Then use an Ordered List. Are the items in your list just listed in a certain order, but not necessarily need to be in that order? Use an Unordered List.
- The Subtle Art of Hiding Text
Have an image with some text on it and think you don’t have to type that text in the html? Wrong! Including the copy in the html and then hiding it is essential for SEO and Accessibility. To do this, Keith taught us his not-so-secret ways of subtly making said copy disappear. Magic!
- Image vs Image
Much like the Ordered vs Unordered List revelation, Keith made the issue of Image versus Background Image easy as pie . It seems that if your image relates to the content of the page, then it needs to fit into an image tag. But, but! If your image relates to the style of the page, then it needs to be set as a background image.
- …and last, but certainly not least, A Brief History of html, xml, and xhtml Languages
Did you know that xhtml was created because the Powers That Be thought that coders were being too sloppy with their html? Or that xhtml is ultimately falling out of use because the browsers themselves are lazy? The future of html is looking pretty bright and HTML5 promises to be better than ever. How could it not be with a proposed tag?? Here are a few that I would like to see: , , and
By this time, things were getting a bit loopy due to lack of sleep . Strange comments were known to have been overheard. I started making really bad analogies such as comparing the relationship between divs, margins, and padding to a padded white room. Finally, the coder hand-signs started getting busted out. And let me tell you, the site is looking pretty darn good: get excited…because we are.
Have your say
XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
wow, thanks lorraine! This is so genius that you wrote it in html, I love it
Seriously though, the pleasure is all mine, you guys all made this a really exceptional experience and I can’t imagine a more positive, dedicated and enjoyable group to be locked in a (padded) room writing html/css until 4am with, so thank you!
Yay Keith!
[...] is a repost of my entry on the Camp Firebelly blog yesterday: thought I would share it here, since I had a lot of fun [...]