Web Standards: The Right Tool for the Right Job Kazuhito Kidachi - - PowerPoint PPT Presentation

▶
web standards
SMART_READER_LITE
LIVE PREVIEW

Web Standards: The Right Tool for the Right Job Kazuhito Kidachi - - PowerPoint PPT Presentation

Dec 30, 2023 482 likes •967 views

Web Standards: The Right Tool for the Right Job Kazuhito Kidachi Mitsue-Links Co.,Ltd. Corporate Officer & Web Development Team Front-end Engineer Web Standards Project (WaSP) Liaison in Japan SOFTEXPO & DCF 2006, Seoul, Korea About

slide-1
SLIDE 1

Web Standards:

Mitsue-Links Co.,Ltd. Corporate Officer & Web Development Team Front-end Engineer Web Standards Project (WaSP) Liaison in Japan

The Right Tool for the Right Job

Kazuhito Kidachi

SOFTEXPO & DCF 2006, Seoul, Korea

slide-2
SLIDE 2

About Me

2

slide-3
SLIDE 3
slide-4
SLIDE 4
slide-5
SLIDE 5
slide-6
SLIDE 6

What are Web Standards?

6

slide-7
SLIDE 7

Web Standards are...

  • All of the standards created/used

for the World Wide Web

  • Developed and recommended by

international standardization bodies such as W3C, ISO, IETF etc.

  • Vendor-independent
  • “De jure” rather than “de facto”

7

slide-8
SLIDE 8

Front-end Web Standards

  • Structure

HTML, XML, XHTML

  • Presentation

CSS1, CSS2

  • Behavior

DOM, ECMAScript

8

slide-9
SLIDE 9

History of (X)HTML and CSS

9

slide-10
SLIDE 10

1996

  • Internet Explorer 3
  • CSS1

10

slide-11
SLIDE 11

1997

  • Netscape Navigator 4
  • HTML 3.2
  • HTML 4.0

11

slide-12
SLIDE 12

The First Browser War (IE vs. Netscape)

12

slide-13
SLIDE 13

1998

  • Web Standards Project

(WaSP)

  • CSS2

13

slide-14
SLIDE 14

1999

  • HTML 4.01

14

slide-15
SLIDE 15

2000

  • XHTML 1.0

15

slide-16
SLIDE 16

2001

  • XHTML 1.1

16

slide-17
SLIDE 17

2002

  • WIRED Redesign

17

slide-18
SLIDE 18
slide-19
SLIDE 19
slide-20
SLIDE 20

2003

  • css Zen Garden

20

slide-21
SLIDE 21
slide-22
SLIDE 22
slide-23
SLIDE 23
slide-24
SLIDE 24
slide-25
SLIDE 25

2006

  • XHTML2 & CSS2.1/3 by W3C
  • HTML5 by WHATWG
  • CSS became popular with blog

customize

  • The Second Browser War
  • Internet Explorer 7

25

slide-26
SLIDE 26
slide-27
SLIDE 27
slide-28
SLIDE 28
slide-29
SLIDE 29
slide-30
SLIDE 30

More Interesting Things Happening

30

slide-31
SLIDE 31
slide-32
SLIDE 32
slide-33
SLIDE 33
slide-34
SLIDE 34
  • Better Accessibility
  • Better Machine Readability
  • Lower Bandwidth
  • Ease of Maintenance
  • Forward/Backward Compatibility

34

Expected Benefits of (X)HTML+CSS

slide-35
SLIDE 35

Importance of Accessibility

  • Not only for the people with disabilities

(Text-only version is NOT enough.)

  • Not only for humans, but also for

machines

  • Browsing device/circumstance diversity
  • Some countries have their own official

accessibility guidelines

35

slide-36
SLIDE 36

Drawbacks of Web Standards

  • Different Implementations in

Different Browsers

  • High Learning Curve

36

slide-37
SLIDE 37

But wait, things have changed!

  • Many browser are getting much

better version by version

  • Authoring tools as well
  • Good online/offline resources about

web standards

  • Browsers’ developers communicate

with others via blogs

37

slide-38
SLIDE 38
slide-39
SLIDE 39
slide-40
SLIDE 40
slide-41
SLIDE 41

Web Standards are very vital “tool” for all web designers/developers.

41

slide-42
SLIDE 42

I Have A Dream.

42

slide-43
SLIDE 43

...Someday, every web browser conforms to web standards, and everybody can create accessible and creative contents with valid and semantic markup and style sheets which contain no CSS hack.

43

slide-44
SLIDE 44

The dream comes true with collaboration

  • Web Designer/Developer
  • Browser

Vendor

  • Authoring Tool

Vendor

  • End User
  • Standards Body

44

slide-45
SLIDE 45

"Leading the Web to Its Full Potential"

  • W3C

45

slide-46
SLIDE 46

Let's use the tool named "Web Standards" and lead the web to its full potential!

46

slide-47
SLIDE 47

Thank You.

47

E-mail: k-kidachi@mitsue.co.jp E-mail: kidachi@kazuhi.to