Index

  1. CSS is NOT a magic bullet
  2. Dispelling a few myths of CSS...
  3. Dispelling a few myths of CSS...
  4. Dispelling a few myths of CSS...
  5. Dispelling a few myths of CSS...
  6. Dispelling a few myths of CSS...
  7. CSS as a TOOL
  8. Use CSS as a TOOL
  9. Use CSS as a TOOL
  10. Use CSS as a TOOL
  11. Independent control over design
  12. In 5 more years?
  13. The Design Process
  14. Blogger Redesign
  15. The old Blogger
  16. Everything changed in 2003...
  17. Old Blogger home
  18. New Blogger home
  19. Old Blogger registration
  20. New Blogger registration
  21. Phase 1: Discovery
  22. Phase 2: Deconstruction
  23. Phase 3: Registration flow
  24. Phase 4: Schematics
  25. Phase 5: Brand evolution
  26. Phase 6: Layout explorations
  27. Phase 6: Layout explorations
  28. Phase 6: Layout explorations
  29. Phase 7: Icon illustration
  30. Phase 6: Layout explorations
  31. Rejected comp
  32. Phase 8: Logical markup structure
  33. Resulting in:
  34. Phase 9: CSS!
  35. Floats are everywhere!
  36. Rest of the process...
  37. Zen: Golden Mean
  38. Golden Mean: The Process
  39. CSS earlier in the process?
  40. Favelets and Bookmarklets
  41. Browser Toolbars
  42. ADVANCED TECHNIQUES
  43. Double rollovers
  44. Double rollovers: The concept
  45. CSS Layout
  46. Basic Example
  47. Approach #1: Absolute positioning
  48. Positioning Context
  49. Absolute positioning on Wired News
  50. Absolute positioning on Wired News
  51. Absolute positioning on Wired News
  52. Absolute positioning on Wired News
  53. Absolute positioning:
  54. Approach #2: Floats
  55. Floats on Stopdesign
  56. Floats on Stopdesign
  57. Breaking out of “float mode”
  58. Floated CSS layouts have:
  59. Break it down
  60. Break it down
  61. Break it down
  62. Break it down
  63. Break it down
  64. Break it down
  65. MS header: opposing floats
  66. MS header: opposing floats
  67. MS header: opposing floats
  68. Column structure
  69. Column structure
  70. Column structure
  71. Column structure
  72. Faux columns
  73. Faux columns
  74. Faux columns
  75. Faux columns
  76. Components of Main column
  77. Components of Main column
  78. Components of Main column
  79. Components of Main column
  80. Closing off with the Footer
  81. Closing off with the Footer
  82. Sliding Doors
  83. Sliding Doors, Explained
  84. Sliding Doors, Explained
  85. Sliding Doors, Explained
  86. Sliding Doors, Explained
  87. Vertical Sliding Doors
  88. Dynamic Column Structure
  89. AP workshops page
  90. AP workshops page
  91. AP essay page
  92. AP essay page
  93. AP events page
  94. AP events page
  95. The technique:
  96. CSS for Adaptive Path’s structure
  97. Invent your own techniques
  98. Thank you!