月刊「web creators」が主催するデザイナー向けイベント「Designer meets Designers」の講演（2007年8月10日）

1. Designer meets Designers SESSION 5
2007.8.10
1

2. 2

3. Instructional Designer
3

4. Instructional Designer
4

5. Instructional Designer
5

6. Instructional Designer
6

7. new
subject
waza
7

8. new
http://www.w3.org/TR/CSS21/
Basic Design
subject
browser fixed
New Trends of CSS
8

9. new+
http://www.w3.org/TR/CSS21/
Basic Design
subject
browser fixed
New Trends of CSS
9

10. Introduction
10

11. Web standards 1998-2000
Before/After CSS Design
11

12. 12

13. 13

14. 14

15. 15

16. 16

17. 17

18. 18

19. 19

20. 20

21. 21

22. 22

23. 23

24. 24

25. 25

26. 26

27. 27

28. 28

29. 29

30. 30

31. Netscape Communicator 4.75
31

32. 32

33. 33

34. Netscape Communicator 4.75
34

35. 35

36. 36

37. 37

38. 38

39. 39

40. WaSP
The Web Standards Project
40

41. 41

42. Web Standards
42

43. Web Standards
43

44. Web Standards
44

45. Web Standards
45

46. 46

47. 47

48. 48

49. 49

50. 50

51. 51

52. 52

53. 53

54. 54

55. 55

56. Cascading Style Sheets
waza
56

57. Cascading Style Sheets
waza
57

58. 58

59. Functional
Beauty
59

60. Functional
Beauty
60

61. Functional
Beauty
61

62. Functional
Beauty
62

63. Functional
Beauty
63

64. Functional
Beauty
64

65. Functional
Beauty
65

66. new
Cascading Style Sheets
waza
skill up
66

67. Cascading Style Sheets
Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification
http://www.w3.org/TR/CSS21/
67

68. Cascading Style Sheets
Basic Design
68

69. Cascading Style Sheets
browser fixed
69

70. Cascading Style Sheets
New Trends of CSS
70

71. Cascading Style Sheets
http://www.w3.org/TR/CSS21/
Basic Design
browser fixed
New Trends of CSS
71

72. Cascading Style Sheets
http://www.w3.org/TR/CSS21/
Basic Design
browser fixed
New Trends of CSS
72

73. Cascading Style Sheets
http://www.w3.org/TR/CSS21/
Basic Design
browser fixed
New Trends of CSS
73

74. Cascading Style Sheets
74

75. Cascading Style Sheets
75

76. Cascading Style Sheets
http://www.w3.org/TR/CSS21/
Basic Design
browser fixed
New Trends of CSS
76

77. Cascading Style Sheets
http://www.w3.org/TR/CSS21/
Basic Design
browser fixed
New Trends of CSS
77

78. Cascading Style Sheets
New Trends of CSS
pixel-perfect design
78

79. Cascading Style Sheets
New Trends of CSS
pixel-perfect design
79

80. Cascading Style Sheets
New Trends of CSS
pixel-perfect design
adaptive design
80

81. Cascading Style Sheets
internet community
http://www.w3.org/TR/CSS21/
Basic Design
browser fixed
New Trends of CSS
81

82. Cascading Style Sheets
internet community
http://www.w3.org/TR/CSS21/
local community
Basic Design
browser fixed
New Trends of CSS
82

83. Cascading Style Sheets
internet community
http://www.w3.org/TR/CSS21/
local community
Basic Design
media / seminar
browser fixed
New Trends of CSS
83

84. Cascading Style Sheets
internet community
http://www.w3.org/TR/CSS21/
local community
Basic Design
media / seminar
browser fixed
book / educational institution
New Trends of CSS
84

85. Cascading Style Sheets
waza
85

86. creator's creator
86

87. creator's creator
87

88. 88

89. creator's creator
alpha blogger asset
89

90. 90

91. RSS Feed
91

92. Fast ladder http://fastladder.com/
92

93. 93

94. 94

95. dismantle learning
95

96. dismantle learning
Web Developer
http://chrispederick.com/work/web-developer/
Web Developer
http://www.infoaxia.com/tools/webdeveloper/
http://www.infoaxia.co.jp/
96

97. dismantle learning
W3C http://www.w3.org/
97

98. dismantle learning
98

99. dismantle learning
99

100. dismantle learning
100

101. dismantle learning
101

102. dismantle learning
102

103. dismantle learning
103

104. dismantle learning
104

105. dismantle learning
105

106. dismantle learning
106

107. dismantle learning
107

108. dismantle learning
108

109. dismantle learning
http://www.mizuho-sc.com/ja/index.html
109

110. dismantle learning
110

111. dismantle learning
111

112. dismantle learning
http://www.expo2005.or.jp/jp/
112

113. dismantle learning
113

114. dismantle learning
114

115. dismantle learning
115

116. CSS Rule
116

117. CSS Rule
hicksdesign http://www.hicksdesign.co.uk/
117

118. CSS Rule
118

119. CSS Rule
The Web Standards Project [WaSP] http://www.webstandards.org/
119

120. CSS Rule
120

121. CSS Rule
TextDrive http://textdrive.com/
121

122. CSS Rule
122

123. Global Navigation
step1-17
123

124. Apple.com
Global Navigation
step1-17
124

125. Apple.com
Global Navigation
step1-17
125

126. step1
XHTML
126

127. step2
XHTML & CSS
127

128. step3
#globalheader { width: 982px;
height: 38px;
margin: 18px auto;
position: relative;
z-index: 9998;
}
#globalheader #globalnav { margin: 0; padding: 0; }
128

129. step4
#globalheader #globalnav li { display: inline; }
129

130. step5
#globalheader #globalnav li a { float: left;
width: 117px;
height: 0;
padding-top: 38px;
overflow: hidden;
}
130

131. step5
#globalheader #globalnav li a { float: left;
width: 117px;
height: 0;
padding-top: 38px;
overflow: hidden;
}
131

132. Global Navigation Image
PNG & GIF
132

133. step5
#globalheader #globalnav li a { float: left;
width: 117px;
height: 0;
padding-top: 38px;
overflow: hidden;
}
133

134. step6
#globalheader #globalnav li a,
#globalheader #globalsearch {
background-image: url(globalnavbg.png);
_background-image: url(globalnavbg.gif);
background-repeat: no-repeat;
}
134

135. step6
#globalheader #globalnav li a,
#globalheader #globalsearch {
background-image: url(globalnavbg.png);
_background-image: url(globalnavbg.gif);
background-repeat: no-repeat;
}
135

136. step7
#globalheader #globalnav li#gn-store a {
background-position: 0 0;
}
#globalheader #globalnav li#gn-store a {
background-position: -117px 0;
}
136

137. step8
#globalheader #globalnav li#gn-mac a {
background-position: -234px 0;
}
137

138. step9
#globalheader #globalnav li#gn-ipoditunes a {
background-position: -351px 0;
}
138

139. step10
#globalheader #globalnav li#gn-iphone a {
background-position: -468px 0;
}
139

140. step11
#globalheader #globalnav li#gn-downloads a {
background-position: -585px 0;
}
140

141. step12
#globalheader #globalnav li#gn-support a {
background-position: -702px 0;
}
141

142. step13
/* OVER STATES */
#globalheader #globalnav li#gn-apple a:hover {
background-position: 0 -38px; }
#globalheader #globalnav li#gn-store a:hover {
background-position: -117px -38px; }
#globalheader #globalnav li#gn-mac a:hover {
background-position: -234px -38px; }
#globalheader #globalnav li#gn-ipoditunes a:hover {
background-position: -351px -38px; }
#globalheader #globalnav li#gn-iphone a:hover {
background-position: -468px -38px; }
#globalheader #globalnav li#gn-downloads a:hover {
background-position: -585px -38px; }
#globalheader #globalnav li#gn-support a:hover {
background-position: -702px -38px; }
142

143. step14
/* PRESSED STATES */
#globalheader #globalnav li#gn-apple a:active {
background-position: 0 -76px; }
#globalheader #globalnav li#gn-store a:active {
background-position: -117px -76px; }
#globalheader #globalnav li#gn-mac a:active {
background-position: -234px -76px; }
#globalheader #globalnav li#gn-ipoditunes a:active {
background-position: -351px -76px; }
#globalheader #globalnav li#gn-iphone a:active {
background-position: -468px -76px; }
#globalheader #globalnav li#gn-downloads a:active {
background-position: -585px -76px; }
#globalheader #globalnav li#gn-support a:active {
background-position: -702px -76px; }
143

144. step15
/* ON STATES */
#globalheader.home #globalnav li#gn-apple a:hover {
background-position: 0 0; cursor: default; }
#globalheader.store #globalnav li#gn-store a {
background-position: -117px -114px !important; }
#globalheader.mac #globalnav li#gn-mac a {
background-position: -234px -114px !important; }
#globalheader.ipoditunes #globalnav li#gn-ipoditunes a {
background-position: -351px -114px !important; }
#globalheader.iphone #globalnav li#gn-iphone a {
background-position: -468px -114px !important; }
#globalheader.downloads #globalnav li#gn-downloads a {
background-position: -585px -114px !important; }
#globalheader.support #globalnav li#gn-support a {
background-position: -702px -114px !important; }
144

145. step15
/* ON STATES */
#globalheader.home #globalnav li#gn-apple a:hover {
background-position: 0 0; cursor: default; }
#globalheader.store #globalnav li#gn-store a {
background-position: -117px -114px !important; }
#globalheader.mac #globalnav li#gn-mac a {
background-position: -234px -114px !important; }
#globalheader.ipoditunes #globalnav li#gn-ipoditunes a {
background-position: -351px -114px !important; }
#globalheader.iphone #globalnav li#gn-iphone a {
background-position: -468px -114px !important; }
#globalheader.downloads #globalnav li#gn-downloads a {
background-position: -585px -114px !important; }
#globalheader.support #globalnav li#gn-support a {
background-position: -702px -114px !important; }
145

146. step16
#globalsearch {
width: 163px;
height: 38px;
position: absolute;
top: 0;
right: 0;
background-position: 100% 0;
background-repeat: no-repeat;
}
146

147. step17
#globalsearch label .prettyplaceholder {
display: none;
}
147

148. Apple.com
Global Navigation
step1-17
148

149. Apple.com
Global Navigation
step1-17
149

150. new+
dismantle learning
150

151. new+
151

152. new+
Cascading Style Sheets
152

153. new+
waza
waza waza
waza waza
Cascading Style Sheets
153

154. new Cascading Style Sheets
http://www.w3.org/TR/CSS21/
Basic Design
browser fixed
New Trends of CSS
154

155. new+ Cascading Style Sheets
CSS dismantle learning
155

156. elastic layout outline
156

157. new+ elastic layout outline
elastic layout
157

158. new elastic layout outline
fixed elastic layout
fluid elastic layout
158

159. elastic layout outline
fixed elastic layout
Mozilla Foundation http://www.mozilla.org/
159

160. elastic layout outline
fixed elastic layout
160

161. elastic layout outline
fixed elastic layout
161

162. elastic layout outline
fixed elastic layout
162

163. elastic layout outline
Mozilla Corporation
http://www.mozilla.com/en-US/
163

164. elastic layout outline
fluid layout
164

165. elastic layout outline
fluid layout
165

166. elastic layout outline
fixed elastic layout
GBHXonline.com http://gbhxonline.com/
166

167. elastic layout outline
fixed elastic layout
167

168. elastic layout outline
fixed elastic layout
168

169. elastic layout details
169

170. elastic layout details
A List Apart
http://alistapart.com/
170

171. elastic layout details
Elastic Design by Patrick Griffiths
http://alistapart.com/articles/elastic/
171

172. elastic layout details
Fixed or fluid width? Elastic!
http://www.456bereastreet.com/archive/200504/fixed_or_fluid_width_elastic/
172

173. elastic layout details
Andy Clarke
Stuff and Nonsense
http://www.stuffandnonsense.co.uk/
173

174. elastic layout details
A List (taken) Apart
http://www.stuffandnonsense.co.uk/archives/a_list_taken_apart.html
174

175. elastic layout details
Resolution dependent style switching
http://www.456bereastreet.com/archive/200511/resolution_dependent_style_switching/
175

176. elastic layout details
Particletree
http://particletree.com/
DRDL
Dynamic Resolution Dependent Layouts
http://particletree.com/examples/dynamiclayouts/
176

177. elastic layout details
Dynamic Resolution Dependent Layouts
177

178. elastic layout details
Dynamic Resolution Dependent Layouts
178

179. elastic layout details
Dynamic Resolution Dependent Layouts
179

180. elastic layout details
Resolution vs. browser size vs. fixed or adaptive width
http://www.456bereastreet.com/archive/200611/resolution_vs_browser_size_vs_fixed_or_adaptive_width/
180

181. elastic layout details
Resolution
vs.
browser size
vs.
fixed or adaptive width
181

182. elastic layout demonstration
182

183. Elastic Design Demonstration
Elastic Design by Patrick Griffiths
http://alistapart.com/articles/elastic/
183

184. Elastic Design Demonstration
184

185. new Elastic Design Demonstration
h1 {
margin: 0.2em 0.5em;
color: #666;
}
.image {
width: 30em;
height: 15em;
margin: 0.2em 1em;
border: 1px solid #000;
}
185

186. Elastic Design Demonstration
186

187. new Cascading Style Sheets
http://www.w3.org/TR/CSS21/
Basic Design
browser fixed
New Trends of CSS
187

188. new Cascading Style Sheets
http://www.w3.org/TR/CSS21/
Basic Design
browser fixed
New Trends of CSS
188

189. new Cascading Style Sheets
http://www.w3.org/TR/CSS21/
Basic Design
browser fixed
New Trends of CSS
189

190. new+ Cascading Style Sheets
browser fixed
New Trends of CSS
190

191. The weird and wonderful world of
Internet Explorer
191

192. The weird and wonderful world of
Internet Explorer
192

193. The weird and wonderful world of
Internet Explorer
IE hasLayout outline
193

194. IE hasLayout outline
msdn
Internet Explorer Developer Center
Learn | Cascading Style Sheets (CSS)
http://msdn2.microsoft.com/en-us/ie/aa740476.aspx
194

195. IE hasLayout outline
IEBlog
http://blogs.msdn.com/ie/
195

196. IE hasLayout outline
IE Bug
Bug
196

197. IE hasLayout outline
Peekaboo Bug
Internet Explorer and Expanding Box Problem
Quirky Percentages
Line-height bug
Border Chaos
Disappearing List-Background bug
Guillotine Bug
Unscrollable Content bug
Duplicate Characters Bug
IE and Italics
Doubled Float-Margin bug
Duplicate Indent bug
Three pixel text jog
Creeping Text bug
Missing First letter bug
Phantom box bug
197

198. IE hasLayout outline
CSS hacks
CSS hacks and broken pages
198

199. IE hasLayout outline
Explorer Exposed!
The weird and wonderful world of Internet Explorer
http://www.positioniseverything.net/explorer.html
199

200. IE hasLayout outline
Explorer Exposed!
The weird and wonderful world of Internet Explorer
IE6 Peekaboo Bug
http://www.positioniseverything.net/explorer/peekaboo.html
200

201. IE hasLayout outline
There are three ways we know to prevent this bug.
1. Keep the clearing div from touching the float, or avoid using a
background on div#floatholder. Not exactly ideal.
2. Give both div#floatholder and div#float 'position: relative'.
Be sure to fully test this method.
3. Give div#floatholder hasLayout (now the preferred method)
201

202. IE hasLayout outline
There are three ways we know to prevent this bug.
1. Keep the clearing div from touching the float, or avoid using a
background on div#floatholder. Not exactly ideal.
2. Give both div#floatholder and div#float 'position: relative'.
Be sure to fully test this method.
3. Give div#floatholder hasLayout
(now the preferred method)
202

203. IE hasLayout outline
There are three ways we know to prevent this bug.
1. Keep the clearing div from touching the float, or avoid using a
background on div#floatholder. Not exactly ideal.
2. Give both div#floatholder and div#float 'position: relative'.
Be sure to fully test this method.
3. Give div#floatholder hasLayout
(now the preferred method)
203

204. IE hasLayout outline
msdn
hasLayout Property
http://msdn2.microsoft.com/en-us/library/ms533776.aspx
204

205. IE hasLayout outline
haslayout
hasLayout Property
Gets a value that indicates whether the object has layout.
205

206. IE hasLayout outline
The following example shows how to use the hasLayout property to determine whether an object has layout.
206

207. IE hasLayout outline
The following example shows how to use the hasLayout property to determine whether an object has layout.
207

208. IE hasLayout outline
The following example shows how to use the hasLayout property to determine whether an object has layout.
208

209. new IE hasLayout outline
haslayout
209

210. new IE hasLayout outline
haslayout
CSS property Value
display inline-block
height any value
float left or right
position absolute
width any value
writing-mode tb-rl
zoom any value
210

211. new IE hasLayout outline
haslayout
CSS hacks !?
CSS hacks and broken pages
211

212. new IE hasLayout outline
haslayout
“non-layout” elements
or
“has layout” elements
212

213. new IE hasLayout outline
haslayout
213

214. new IE hasLayout outline
haslayout
Many common IE float bugs.
Boxes themselves treating basic properties differently.
Margin collapsing between a container and its descendants.
Various problems with the construction of lists.
Differences in the positioning of background images.
Differences between browsers when using scripting.
214

215. new IE hasLayout outline
haslayout
IE6 Peekaboo Bug
215

216. new IE hasLayout outline
haslayout
IE6 Peekaboo Bug
216

217. new IE hasLayout outline
haslayout
IE6 Peekaboo Bug
217

218. new IE hasLayout outline
haslayout
CSS property Value
display inline-block
height any value
float left or right
position absolute
width any value
writing-mode tb-rl
zoom any value
218

219. new IE hasLayout outline
haslayout
219

220. new IE hasLayout outline
haslayout
220

221. new IE hasLayout outline
haslayout
CSS property Value
display inline-block
height any value
float left or right
position absolute
width any value
writing-mode tb-rl
zoom any value
221

222. new IE hasLayout outline
haslayout
CSS property Value
display inline-block
height any value
float left or right
position absolute
width any value
writing-mode tb-rl
zoom any value
222

223. IE hasLayout outline
On having layout
http://www.satzansatz.de/cssd/onhavinglayout.html
223

224. IE hasLayout outline
Default layout elements
<html>, <body>
<table>, <tr>, <th>, <td>
<img>
<hr>
<input>, <button>, <select>, <textarea>,
<fieldset>, <legend>
<iframe>, <embed>, <object>, <applet>
<marquee>
224

225. IE hasLayout outline
IE hack management
225

226. IE hasLayout outline
Thoughts on IE hack management
http://onhavinglayout.fwpf-webdesign.de/hack_management/
226

227. new Cascading Style Sheets
http://www.w3.org/TR/CSS21/
Basic Design
browser fixed
New Trends of CSS
227

228. new Cascading Style Sheets
http://www.w3.org/TR/CSS21/
Basic Design
browser fixed
New Trends of CSS
228

229. new Cascading Style Sheets
http://www.w3.org/TR/CSS21/
Basic Design
browser fixed
New Trends of CSS
229

230. Cascading Style Sheets
waza
230

231. new
Cascading Style Sheets
waza
231

232. new
Cascading Style Sheets
waza
232

233. new
Cascading Style Sheets
waza
233

234. new
Cascading Style Sheets
waza
234

235. new
Cascading Style Sheets
candy color grid layout
running shy baseline-grid layout
flash page-building white background theory
IR: rocket vs chameleon wide-screen composition
utility layout [widget & gadget] passe-partout
sidebar-land buyout flood-color
mashup [web application hybrid] appropriation design
waza
235

236. new+
Cascading Style Sheets
236

237. new
Cascading Style Sheets
color-forward
royal-standard
patchwork
celebrity
237

238. color-forward
238

239. color-forward
239

240. color-forward
candy color
running shy
flash page-building
IR: rocket vs chameleon
240

241. color-forward
Cameron Moll ~ I {heart} design. http://www.cameronmoll.com/portfolio/
241

242. color-forward
The Consult http://www.theconsult.com/
242

243. color-forward
Startseite von >>Denklichter http://www.denk-licht.de/
243

244. color-forward
Startseite von >>Denklichter http://www.denk-licht.de/
244

245. color-forward
hrasti.com http://www.hrasti.com/
245

246. color-forward
hrasti.com http://www.hrasti.com/
246

247. color-forward
Elliot Jay Stocks http://elliotjaystocks.com/blog/
247

248. color-forward
Elliot Jay Stocks http://elliotjaystocks.com/blog/
248

249. color-forward
University of Notre Dame http://glynnhonors.nd.edu/
249

250. color-forward
University of Notre Dame http://glynnhonors.nd.edu/
250

251. color-forward
University of Notre Dame http://glynnhonors.nd.edu/
251

252. color-forward
candy color
252

253. new
color-forward
candy color
253

254. new+
color-forward
candy color
254

255. new+
color-forward
candy color
255

256. new+
color-forward
candy color
256

257. color-forward
candy color
257

258. color-forward
candy color
258

259. color-forward
candy color
259

260. color-forward
candy color
260

261. color-forward
candy color
261

262. color-forward
candy color
262

263. color-forward
candy color
263

264. color-forward
candy color
264

265. color-forward
candy color
265

266. color-forward
candy color
266

267. color-forward
candy color
267

268. color-forward
candy color
268

269. color-forward
candy color
269

270. color-forward
candy color
270

271. color-forward
candy color
271

272. new+
color-forward
candy color
272

273. color-forward
running shy
273

274. color-forward
kara burke illustrations http://www.karaburke.net/prints.php
274

275. color-forward
kara burke illustrations http://www.karaburke.net/prints.php
275

276. color-forward
kara burke illustrations http://www.karaburke.net/prints.php
276

277. color-forward
Systima Technology http://www.systima-technology.co.uk/
277

278. color-forward
Systima Technology http://www.systima-technology.co.uk/
278

279. color-forward
Systima Technology http://www.systima-technology.co.uk/
279

280. color-forward
Systima Technology http://www.systima-technology.co.uk/
280

281. color-forward
flash page-building
281

282. new+
color-forward
Disney.com
flash page-building http://home.disney.go.com/
XHTML & CSS http://home.disney.go.com/lite/
282

283. color-forward
IR: rocket vs chameleon
283

284. new+
color-forward
IR: rocket vs chameleon
284

285. new+
color-forward
IR: rocket vs chameleon
285

286. new+
color-forward
IR: rocket vs chameleon
286

287. new+
color-forward
IR: rocket vs chameleon
A
287

288. new
color-forward
IR: rocket vs chameleon
A
IR: rocket vs chameleon
288

289. new
color-forward
IR: rocket vs chameleon
A
IR: rocket vs chameleon
IR: rocket vs chameleon
289

290. new+
color-forward
IR: rocket vs chameleon
B
290

291. new
color-forward
IR: rocket vs chameleon
B IR: rocket vs chameleon
291

292. new
color-forward
IR: rocket vs chameleon
B IR: rocket vs chameleon
292

293. new
color-forward
IR: rocket vs chameleon
IR: rocket vs chameleon
B IR: rocket vs chameleon
293

294. new+
color-forward
IR: rocket vs chameleon
C
294

295. new
color-forward
IR: rocket vs chameleon
C
IR: rocket vs chameleon
295

296. new
color-forward
IR: rocket vs chameleon
C
IR: rocket vs chameleon
IR: rocket vs chameleon
296

297. royal-standard
297

298. royal-standard
298

299. royal-standard
grid layout
baseline-grid layout
white background theory
wide-screen composition
299

300. royal-standard
grid layout
baseline-grid layout
300

301. grid layout
301

302. new+
royal-standard
302

303. 303

304. 304

305. 305

306. 306

307. 307

308. 308

309. 309

310. 310

311. 311

312. 312

313. new+
royal-standard
313

314. 314

315. 315

316. royal-standard
Tunnel 7 http://www.tunnel7.com/
316

317. royal-standard
Tunnel 7 http://www.tunnel7.com/
317

318. royal-standard
white background theory
318

319. new+
royal-standard
319

320. new+
royal-standard
320

321. royal-standard
Rikcat Industries http://www.rikcatindustries.com/
321

322. royal-standard
Rikcat Industries http://www.rikcatindustries.com/
322

323. royal-standard
Mark Boulton Design http://www.markboultondesign.com/
323

324. royal-standard
Mark Boulton Design http://www.markboultondesign.com/
324

325. new+
royal-standard
325

326. royal-standard
wide-screen composition
326

327. royal-standard
wide-screen composition
& elastic layout
327

328. new+
royal-standard
328

329. new+
royal-standard
329

330. new+
royal-standard
330

331. royal-standard
elastic layout
331

332. Text Zoom royal-standard
elastic layout
332

333. royal-standard
Internet Explorer 7
333

334. royal-standard
elastic layout
334

335. Page Zoom royal-standard
elastic layout
335

336. Text Zoom royal-standard
elastic layout
336

337. Page Zoom royal-standard
elastic layout
337

338. royal-standard
Text Zoom
Page Zoom
elastic layout
338

339. royal-standard
http://www.mizuho-sc.com/ja/index.html
elastic layout
339

340. royal-standard
elastic layout
340

341. royal-standard
Text Zoom
elastic layout
341

342. [FIX-EL] fixed elastic layout
elastic layout
342

343. elastic layout
343

344. royal-standard
Internet Explorer 7
elastic layout
344

345. royal-standard
Page Zoom
elastic layout
345

346. royal-standard
fixed elastic layout
D-Size+ PageZoom
elastic layout
346

347. new+
royal-standard
347

348. new+
royal-standard
348

349. new+
349

350. new+
350

351. zoom
zoom Attribute | zoom Property
http://msdn2.microsoft.com/en-us/library/ms531189.aspx
351

352. zoom Attribute | zoom Property
352

353. zoom Attribute | zoom Property
353

354. zoom Attribute | zoom Property
354

355. zoom
zoom Attribute | zoom Property
355

356. zoom
zoom Attribute | zoom Property
356

357. zoom
zoom Attribute | zoom Property
357

358. zoom
zoom Attribute | zoom Property
Internet Explorer 8, 9...?
358

359. 359

360. 360

361. 361

362. 362

363. patchwork
363

364. patchwork
364

365. patchwork
utility layout [widget & gadget]
sidebar-land buyout
mashup [web application hybrid]
365

366. patchwork
UNIQLO http://www.uniqlo.com/jp/
utility layout [widget & gadget]
sidebar-land buyout
mashup [web application hybrid]
366

367. new+
patchwork
367

368. celebrity
368

369. celebrity
369

370. celebrity
passe-partout
flood-color
appropriation design
370

371. celebrity
Earth Mother http://www.earth-mother.com.au/
371

372. celebrity
Earth Mother http://www.earth-mother.com.au/
372

373. celebrity
hopking design http://www.hopkingdesign.com/
373

374. celebrity
hopking design http://www.hopkingdesign.com/
374

375. celebrity
passe-partout
375

376. celebrity
Belflora.com http://belflora.com/
376

377. celebrity
Belflora.com http://belflora.com/
377

378. celebrity
Dara's Garden http://www.darasgarden.com/
378

379. celebrity
Dara's Garden http://www.darasgarden.com/
379

380. new+
celebrity
380

381. celebrity
flood-color
381

382. celebrity
scorereviews.com http://scorereviews.com/default.aspx
382

383. celebrity
scorereviews.com
383

384. celebrity
vosressources.com http://www.vosressources.com/
384

385. celebrity
vosressources.com http://www.vosressources.com/
385

386. celebrity
EGOLOUNGE http://www.egolounge.de/
386

387. celebrity
EGOLOUNGE http://www.egolounge.de/
387

388. celebrity
EGOLOUNGE http://www.egolounge.de/
388

389. new+
celebrity
389

390. celebrity
appropriation design
390

391. celebrity
DaVinci Gourmet http://www.davincigourmet.com/
391

392. celebrity
DaVinci Gourmet http://www.davincigourmet.com/
392

393. celebrity
Dalit Freedom Network http://www.dalitnetwork.org/
393

394. celebrity
Dalit Freedom Network http://www.dalitnetwork.org/
394

395. celebrity
Dalit Freedom Network http://www.dalitnetwork.org/
395

396. new+
celebrity
396

397. 397

398. new Cascading Style Sheets
internet community
http://www.w3.org/TR/CSS21/
local community
Basic Design
media / seminar
browser fixed
book / educational institution
New Trends of CSS
398

399. creator's creator
399

400. 400

401. dismantle learning
401

402. Cascading Style Sheets
candy color grid layout
running shy baseline-grid layout
flash page-building white background theory
IR: rocket vs chameleon wide-screen composition
utility layout [widget & gadget] passe-partout
sidebar-land buyout flood-color
mashup [web application hybrid] appropriation design
waza
402

403. 403

404. new
New Trends of CSS
pixel-perfect design
adaptive design
404

405. new
New Trends of CSS
pixel-perfect design
adaptive design
405

406. new
New Trends of CSS
pixel-perfect design
adaptive design
406

407. new
adaptive design
407

408. Cascading Style Sheets
waza
408

409. 409

410. Designer meets Designers SESSION 5
410