Learn: GRPH 210 + Typography
september 2009 by keithly
These pages are provided as an outline for GRPH: 210 Typography. At right you will find links to the material covered each week throughout the course, as well as links to each weeks assignments, distributed via Adobe PDF files. Though this site is updated frequently, all materials and assignments are subject to change at Instructor’s (Todd Roeth’s) discretion.
typography
design
Reference
tutorials
september 2009 by keithly
All About Floats
june 2009 by keithly
Float is a CSS positioning property. If you are familiar with print design, you can think of it like an image in a layout where the text wraps around it as necessary. In web design, an image that is floated remains a part of the flow of a web page. That means that if it changes in size or if the elements around it change, the page will automatically adjust (reflow). This differs from page elements that are absolutely positioned. Absolutely positioned page elements are removed from the flow of a web page. Absolutely positioned page elements will not affect any other page elements, whether they touch each other or not.
css
webdesign
Floats
Reference
tutorials
june 2009 by keithly
CSS-Based Tables: Modern Solutions | CSS | Smashing Magazine
april 2009 by keithly
ideas for table design
webdesign
webdesignideas
css
tutorials
april 2009 by keithly
A List Apart: Articles: How to Size Text in CSS
april 2009 by keithly
How to Size Text in CSS
by Richard Rutter
css
typography
webdesign
tutorials
Reference
by Richard Rutter
april 2009 by keithly
A List Apart: Articles: Fluid Grids
april 2009 by keithly
The above is, of course, a starting point: there are myriad other challenges that face the liquid web designer, most of which arise when you introduce fixed content (such as images, Flash, and so forth) into a fluid framework. I’ve been experimenting with a few possible solutions on my blog, but other, better workarounds are still out there.
webdesign
css
tutorials
typography
april 2009 by keithly
Box Lessons - old CSS
april 2009 by keithly
But Box Lessons didn't become a obscure historic artifact like it should have. Instead it's still a major starting point for thousands, and that leaves me with a bit of a problem. I simply don't have time to write a modern version, yet I'd be complete jerk to remove it just to save myself some embarrassment. Whatever I might happen think of the BL, it's still the all-important leg up for so many.
Hence this warning and explanation.
You're still most welcome to peruse the Box Lessons. Obviously it helps people in ways that I don't realize. Just please keep your eyes open. The reasons offered for WHY things are done are still good and will remain so. But almost all the browser workarounds listed here are useless today. You just don't need that stuff.
webdesign
css
Reference
tutorials
Hence this warning and explanation.
You're still most welcome to peruse the Box Lessons. Obviously it helps people in ways that I don't realize. Just please keep your eyes open. The reasons offered for WHY things are done are still good and will remain so. But almost all the browser workarounds listed here are useless today. You just don't need that stuff.
april 2009 by keithly
AJAX: Usable Interactivity with Remote Scripting [JavaScript & Ajax Tutorials]
february 2009 by keithly
This article aims to give you an introduction to the foundations of remote scripting, in particular, the emerging XMLHttpRequest protocol. We'll then walk through an example application that demonstrates how to implement that protocol, while creating a usable interface.
webdesign
tutorials
javascript
usability
february 2009 by keithly
Copy this bookmark: