Sarasota Web Site Design - Web Promotion - CSS Web Standards - Web Hosting

Sarasota Web Design Blog

Tuesday, October 18, 2005

Interview with CSS Pioneer, Christopher Schmitt

[This is a portion of an interview with Christopher Schmitt by Sessions: Online School of Design. The topic of this article is the advantages of using standards-based CSS design for web sites.]

For a hot new thing, CSS (Cascading Style Sheets) sure is slow off the blocks. First proposed in 1994, first implemented in browsers in 1996, CSS is perennially touted as the successor to conventional HTML-based Web coding. Its ability to use style sheets to control typography and layout throughout a Web site always seemed to make CSS the most efficient, designer-friendly, forward-looking option. And yet myths persist about CSS -- myths that discourage Web designers from getting to grips with the language.
So what's all the fuss about?

We asked Faculty member and published CSS guru Christopher Schmitt. Christopher's so convinced that CSS should be a part of every designer's Web design toolkit, he devoted two lessons in Sessions.edu's updated Web Design I course to creating CSS layouts.

Q. CSS is getting big enough for prime time, maybe even Letterman. What are your top ten reasons we should all learn and start using CSS now?

Christopher: Here's my top ten in no particular order:

1. Build from the ground up to replace traditional Web design methods. The World Wide Web Consortium (W3C) created CSS to replace HTML tables, font tags, frames, and other presentational hacks of HTML elements.

2. Faster download times. Reduction of file size is about 50% less than a Web page built with traditional Web design methods.

3. Shorter development time. Easily tweak the design of a thousand-page site with just a few edits of one CSS file.

4. Greater control over the typography in a Web page. I'm a type nut, so CSS's ability to control typography better than a wimpy FONT tag is a wonderful gift. No longer do we need to use the font tag or single-pixel GIFs (SPG) to create leading, change font colors, font families, and much more.

5. It's easy to write. You can create and edit CSS as easily as you can hand code HTML.

6. Improvements in accessibility. Using CSS effectively means structuring content with HTML. With structured HTML -- using

tags only for paragraphs, heading tags only for headlines, tables for only tabular data, and so on -- you increase your audience size without building separate versions of your site.

7. Print designs as well as Web page designs. Create presentations not only for Web browsers, but also for other media like print or PowerPoint-like presentations.

8. Better control over the placement of elements in Web page. 'Nuff said!

9. The design of Web pages is separated from the content. By keeping the design in separate files linked to the HTML pages, you reduce the likelihood of your page designs falling apart over time as different contributors add to the Web page.

10. Better search engine rankings. With only HTML used for structuring content in a Web document instead of rigging tags for design, search engines will spider your Web page effectively, and more likely give you a higher page ranking.

40 Comments:

At 1:01 AM, Blogger chuushi said...

パート法・雇パート退


退労災とは?保険バイク

              確         J

 
At 1:04 AM, Blogger chuushi said...

包茎(ほうけい)J/a>退年金J妊娠したい犬の出産セルライト除去

 
At 9:58 AM, Blogger chuushi said...

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50

 
At 9:58 AM, Blogger chuushi said...

51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100

 
At 9:58 AM, Blogger chuushi said...

101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
139
140
141
142
143
144
145
147
148
149
150

 
At 9:58 AM, Blogger chuushi said...

151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200

 
At 9:58 AM, Blogger chuushi said...

201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250

 
At 9:58 AM, Blogger chuushi said...

251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
298
299
300


301
302
303

 
At 9:59 AM, Blogger chuushi said...

304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350

 
At 9:59 AM, Blogger chuushi said...

351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400

 
At 9:59 AM, Blogger chuushi said...

401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
450

 
At 9:59 AM, Blogger chuushi said...

451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500

 
At 9:59 AM, Blogger chuushi said...

501
502
503
504
505
506
507
508
509
510
511
512
513
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550

 
At 9:59 AM, Blogger chuushi said...

551
552
553
554
555
556
557
556
557
558
559
560
561
562
563
564
565

 
At 10:00 AM, Blogger chuushi said...

就職・転職
就活
就職活動
新卒
面接
新卒
内定
採用
入社試験
適性検査
就職試験

略奪愛
略奪愛
略奪愛
略奪愛
略奪
略奪

不動産投資
リート
投資信託
不動産投資信託
不動産投資
リート
不動産投資
リート

 
At 10:00 AM, Blogger chuushi said...

韓国語
韓流
韓流ドラマ
ハングル
韓国語
韓流
韓国スター
韓流スター
韓国
ソウル
ハングル文字
韓国語

椎間板ヘルニア
ヘルニア
椎間板ヘルニア
腰痛
整体
カイロプラクティック
整体師
マッサージ
マッサージ師

ミクシー
足跡ツール
自動巡回ツール

 
At 10:00 AM, Blogger chuushi said...

テニス肘

復縁
復活愛
やり直す
よりを戻す
復縁・復活愛
別居・復縁
復活愛
復活愛の方法

 
At 10:00 AM, Blogger chuushi said...

日経225
マーケット
スイングシステム
日経
トレーダー
FX 投資
日経先物
BTF
投資術
BTF投資
仕手株
ワラント
ワラント投資
アフロ田中
為替
売買プログラム
太田 貴文
マスターズ
日経平均
ノウハウ
先物市場
株式会社ドゥフロンティア
日経225マスターズ
雪田 重裕
スキャルピング
追撃シグナル
資産運用
コンテンツ取得
ブログ自動投稿
量産ツール
HyperBlogger
YouTubeテロップ対応
YouTube
再配布権付
情報起業
リライト
高機能
FTP
ping送信
ping
レターデザイン
成約率アップ
成約率
コンバージョン
CGI
php
アカデミアジャパン
 

At 10:00 AM, Blogger chuushi said...

メインサイト
検索上位
上位表示
ネットビジネス
コンサルタント
パソコン
pc
ケータイ
成功
稼ぐ
サーバー
レンタルサーバー
無料サーバー
海外サーバー
国内サーバー
独自ドメイン
サブドメイン
オリジナルドメイン
リサーチ
ホームページ作成
ホームページビルダー
アップロード
ダウンロード
販売戦略
販売スキル
特定商取引法
スパムメール
売上
契約方法
収入
セミナー
売れるネタ
会社四季報
日経新聞
ダウ
ザラバ
チャート理論
アナリスト
銀行
複利計算
パフォーマンス
購入
財産
地価変動率
平均パフォーマンス
高利回り
上昇カーブ
 

At 10:01 AM, Blogger chuushi said...

中島 龍矢
SNS Revolver Type_2nd
山内 裕之
アフィリエイト月収100万円プロジェクト
AQUAS
柳井 孝裕
株式会社ACES WEB
リンクス
田郷 勝彦
トランスフォームデラックス
オリエンタルネット
佐藤 秀信
田中 智一郎
モバネス
イザベラ
PAP
パーフェクトアフィリエイトツールプロジェクト
ラク助α
キャサリンモバイル
キャサリンプレミアム
濃いアクセスをフルオートで集めるパワーアップツール
携山
宍戸尚貴
携帯アフィリエイト
量産
購買率
情報ビジネス
動画マニュアル
履歴
情報商材 スキル
長大
出会い系
自動更新
後発組
初心者用
ミクシィ
アメーバ
モバゲー
ログール
アクセス自動収集
アクセス
自動収集
副収入
稼ぐ方法
初心者向け
 

At 10:01 AM, Blogger chuushi said...

直伝
超カンタン
入門
スタータキット
期限切れドメイン
中古ドメイン
オールドドメイン
検索
キーワード
ドメイン
外注ライター
外注
ライター
e-book
ウェブ
メールアドレス
情報教材
インフォトップ
インフォカート
電脳卸
裏ワザ
裏技
DVD
ダウンロード
プロジェクト
サポート
サポート体制
メールサポート
古本
特典
バックアップ
がっつり

テクニック
ハウツー
件数
メール術
恋愛術
復活愛
復縁
ナンパ
指南
恋愛指南
恋愛マニュアル
マニュアル
略奪愛
社内恋愛
遠距離�

 
At 10:01 AM, Blogger chuushi said...

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50

 
At 10:01 AM, Blogger chuushi said...

51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88

 
At 10:02 PM, Blogger chuushi said...

就職・転職
就活
就職活動
新卒
面接
新卒
内定
採用
入社試験
適性検査
就職試験

略奪愛
略奪愛
略奪愛
略奪愛
略奪
略奪

不動産投資
リート
投資信託
不動産投資信託
不動産投資
リート
不動産投資
リート

 
At 10:02 PM, Blogger chuushi said...

テニス肘

復縁
復活愛
やり直す
よりを戻す
復縁・復活愛
別居・復縁
復活愛
復活愛の方法

韓国語
韓流
韓流ドラマ
ハングル
韓国語
韓流
韓国スター
韓流スター
韓国
ソウル
ハングル文字
韓国語

椎間板ヘルニア
ヘルニア
椎間板ヘルニア
腰痛
整体
カイロプラクティック
整体師
マッサージ
マッサージ師

ミクシー
足跡ツール
自動巡回ツール

 
At 10:03 PM, Blogger chuushi said...

テニス肘

復縁
復活愛
やり直す
よりを戻す
復縁・復活愛
別居・復縁
復活愛
復活愛の方法

韓国語
韓流
韓流ドラマ
ハングル
韓国語
韓流
韓国スター
韓流スター
韓国
ソウル
ハングル文字
韓国語

椎間板ヘルニア
ヘルニア
椎間板ヘルニア
腰痛
整体
カイロプラクティック
整体師
マッサージ
マッサージ師

ミクシー
足跡ツール
自動巡回ツール

 
At 12:52 AM, Blogger worlda bush said...

Mbt trainers are pro-body shoes. try to put on a pair of Mbt m walk, you will fall love with Mbt.

 
At 8:39 PM, Blogger worlda bush said...

Welcome to mbt.com to buy Mbt shoes,Mbt Sport and MBT Changa shoes enjoy top quality and free shipping.

 
At 9:59 PM, Blogger worlda bush said...

ghd is a world famous brand, while, when mentioning ghd straighteners, people always compare it with CHI Flat iron.

 
At 2:51 AM, Blogger worlda bush said...

Mbt shoes sale there,Would you want to experience the wonderful feeling in Mbt shoes ,like Mbt MBT Tembea?

 
At 10:38 PM, Blogger lindy said...

ghd hair straighteners and CHI Flat iron are delivered around the world, try to place an order of ghd straightners.

 
At 2:20 AM, Blogger Cai said...

Shop online for the latest trends in denim and fashion of the True Religion JeansTrue Religion Jeans,Seven jeans. This Seven for mankind is the new sexy look for Summer 2009. You can raid your boyfriend's closet, or you can get yourown!Free shipping with fast delivery now.Hurry up.

 
At 1:27 AM, Blogger worlda bush said...

mbt sale collects hot items of mbt,like
MBT Changa and you will find mbt men's shoes easily if you are a man.

 

Post a Comment

<< Home