All things technology-related.
August 4th, 2010
I’m in the heart of open source country: Corvallis, Oregon, preparing to teach a workshop on website layout design for the 2010 SuperQuest Summer Institute at Oregon State University. I’ll be covering a variety of CSS techniques to generate cross-browser layouts (1, 2, & 3-column). We’ll also cover typography, use of color, background graphic positioning, and other fun techniques.
So we can get right to the meat of the matter, I decided to post some “starter” code.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css">
</style> <title></title>
</head> <body>
</body> </html>
Since our concern will be primarily with coding layouts, I want to jump right to some sample code to drop into our various columns, headers, & footers. A great site to drop sample code is the HTML-Ipsum site. Look at the page, decide how much or what type of sample code you want, click the title box above the code, and you’ll get the sample code copied to your clipboard, ét voilá!
Stay tuned for some more yummy CSS goodness forthwith…!
July 30th, 2010
I had a lot of fun working with Storytelling Alice for my Programming for Beginners class. In fact, I think I would like to do a workshop entirely on working with Alice (or Storytelling Alice) next time.
Alice (& Storytelling Alice for that matter) allows you to create and program 3D worlds. It was developed at Carnegie Mellon University under the direction/leadership of Randy Pausch (NOTE: you absolutely must watch Randy Pausch Last Lecture: Achieving Your Childhood Dreams or read The Last Lecture if you haven’t before–I dare you to watch or read it all the way through without shedding a tear).
With Alice…
Some may ask which program is the better program to use. I am no expert on the differences between the two, but from my experience, I have noted the following:
July 29th, 2010
I’m currently teaching a Programming for Beginners, and I thought my students might appreciate some resources for learning Python. Here they are in no particular order:
May 4th, 2010
In light of teacher appreciation week, I would like to give a shout out to all my favorite teachers:
December 19th, 2009
No web designer or web design class is complete without Notepad++ (my favorite tool for working on web pages). Download it here: http://sourceforge.net/projects/notepad-plus/files/
Warning: setting Notepad++ theme to “Hello Kitty” may cause seizures.
July 2nd, 2009
Before I post all the files, I want to thank all who attended my workshop. We gathered quite the range of experience. I had so much fun, and I appreciated the input you gave. I hope you take more SuperQuest courses in the future.
Here you go folks!
These are the source files (.fla), shockwave movies (.swf), web pages (.html), & necessary JavaScript (.js) to both edit and post animations. They are all zipped, so you will need to save them (right-click > Save Target As…) and then extract the zipped files.
No comments »