Taking Your Talent to the Web (PDF)

Total Page:16

File Type:pdf, Size:1020Kb

Taking Your Talent to the Web (PDF) 00 0732 FM 4/24/01 1:38 PM Page i Taking Your Talent to the Web A Guide for the Transitioning Designer By Jeffrey Zeldman 201 West 103rd Street, Indianapolis, Indiana 46290 00 0732 FM 4/24/01 1:38 PM Page ii Taking Your Talent to the Web: Publisher A Guide for the Transitioning Designer David Dwyer Copyright 2001 by New Riders Publishing Associate Publisher Al Valvano All rights reserved. No part of this book shall be reproduced, stored in a retrieval system, or transmitted by any means—electronic, mechani- Executive Editor cal, photocopying, recording, or otherwise—without written permission Karen Whitehouse from the publisher. No patent liability is assumed with respect to the Acquisitions Editor use of the information contained herein. Although every precaution Michael Nolan has been taken in the preparation of this book, the publisher and au- thor assume no responsibility for errors or omissions. Neither is any li- Technical Editor ability assumed for damages resulting from the use of the information Steve Champeon contained herein. Development Editor Victoria Elzey International Standard Book Number: 0-7357-1073-2 Product Marketing Library of Congress Catalog Card Number: 00-111152 Manager Kathy Malmloff Printed in the United States of America Managing Editor First Printing: May 2001 Sarah Kearns Project Editor 05 04 03 02 01 7 6 5 4 3 2 1 Jake McFarland Interpretation of the printing code: The rightmost double-digit number Copy Editor is the year of the book’s printing; the rightmost single-digit number is Chrissy Andry the number of the book’s printing. For example, the printing code 01- 1 shows that the first printing of the book occurred in 2001. Cover Designer Allison Cecil Trademarks Interior Designer All terms mentioned in this book that are known to be trademarks or Suzanne Pettypiece service marks have been appropriately capitalized. New Riders Publish- Compositor ing cannot attest to the accuracy of this information. Use of a term in Suzanne Pettypiece this book should not be regarded as affecting the validity of any trade- mark or service mark. Proofreader Jeannie Smith Warning and Disclaimer Indexers Every effort has been made to make this book as complete and as ac- Lisa Stumpf curate as possible, but no warranty of fitness is implied. The informa- Larry Sweazy tion provided is on an “as is” basis. The authors and the publisher shall have neither liability nor responsibility to any person or entity with re- spect to any loss or damages arising from the information contained in this book. 00 0732 FM 4/24/01 1:57 PM Page iii Contents at a Glance Introduction 1 Part I WHY: Understanding the Web Chapter 1 Splash Screen 5 Chapter 2 Designing for the Medium 13 Chapter 3 Where Am I? Navigation & Interface 69 Part II WHO: People, Parts, and Processes Chapter 4 How This Web Thing Got Started 111 Chapter 5 The Obligatory Glossary 123 Chapter 6 What Is a Web Designer, Anyway? 135 Chapter 7 Riding the Project Life Cycle 147 Part III HOW: Talent Applied (Tools & Techniques) Chapter 8 HTML, the Building Blocks of Life Itself 175 Chapter 9 Visual Tools 209 Chapter 10 Style Sheets for Designers 253 Chapter 11 The Joy of JavaScript 285 Chapter 12 Beyond Text/Pictures 327 Chapter 13 Never Can Say Goodbye 387 Index 403 00 0732 FM 4/24/01 1:57 PM Page iv Table of Contents Introduction 1 Part I WHY: Understanding the Web 3 1 Splash Screen 5 Meet the Medium 6 Expanding Horizons 7 Working the Net…Without a Net 9 Smash Your Altars 11 2 Designing for the Medium 13 Breath Mint? Or Candy Mint? 14 Where’s the Map? 19 Mars and Venus 20 Web Physics: Action and Interaction 20 Different Purposes, Different Methodologies 23 Web Agnosticism 23 Open Standards—They’re Not Just for Geeks Anymore 27 Point #1: The Web Is Platform-Agnostic 27 Point #2: The Web Is Device-Independent 29 Point #3: The Web Is Held Together by Standards 29 The 18-Month Pregnancy 31 Chocolatey Web Goodness 32 ’Tis a Gift to Be Simple 32 Democracy, What a Concept 32 Instant Karma 34 The Whole World in Your Hands 35 Just Do It: The Web as Human Activity 35 The Viewer Rules 36 Multimedia: All Talking! All Dancing! 37 The Server Knows 38 It’s the Bandwidth, Stupid 41 Web Pages Have No Secrets 42 The Web Is for Everyone! 44 iv 00 0732 FM 4/24/01 1:38 PM Page v It’s Still the Bandwidth, Stupid 45 Swap text and code for images 46 Trim those image files 46 Do more with less 47 Prune redundancy 47 Cache as Cache Can 49 Much Ado About 5K 50 Screening Room 51 Liquid Design 51 Color My Web 55 Thousands Weep 57 Gamma Gamma Hey! 59 Typography 62 The 97% Solution 62 Points of Distinction 63 Year 2000—Browsers to the Rescue 64 Touch Factor 65 Appropriate Graphic Design 65 Accessibility, the Hidden Shame of the Web 65 User Knowledge 67 3 Where Am I? Navigation & Interface 69 What Color Is Your Concept? 70 Business as (Cruel and) Usual 71 The Rise of the Interface Department 72 Form and Function 74 Copycats and Pseudo-Scientists 77 Chaos and Clarity 78 A Design Koan: Interfaces Are a Means too Often Mistaken for an End 80 Universal Body Copy and Other Fictions 80 Interface as Architecture 81 Ten (Okay, Three) Points of Light 82 Be Easily Learned 82 Remain Consistent 82 Continually Provide Feedback 84 GUI, GUI, Chewy, Chewy 84 It’s the Browser, Stupid 85 v 00 0732 FM 4/24/01 1:38 PM Page vi Clarity Begins at Home (Page) 87 I Think Icon, I Think Icon 88 Structural Labels: Folding the Director’s Chair 90 The Soul of Brevity 90 Hypertext or Hapless Text 91 Scrolling and Clicking Along 95 Stock Options (Providing Alternatives) 97 Hierarchy and the So-Called Three Click Rule 97 The So-Called Rule of Five 99 Highlights and Breadcrumbs 101 Consistent Placement 102 Brand That Sucker! 103 Part II WHO: People, Parts, and Processes 109 4 How This Web Thing Got Started 111 1452 111 1836 111 1858 111 1876 112 Why We Mentioned These Things 112 1945 112 1962 112 1965 112 1966 113 1978 113 1981 113 1984 114 1986 114 1988 114 1989 115 1990 115 1991 115 1993 116 1994 116 1995 117 1996 118 1997 119 1998 120 1999 121 vi 00 0732 FM 4/24/01 1:38 PM Page vii 2000 121 The year web standards broke, 1 121 The year web standards broke, 2 122 The year web standards broke, 3 122 The year the bubble burst 122 2001 122 5 The Obligatory Glossary 123 Web Lingo 124 Extranet 124 HTML 125 Hypertext, hyperlinks, and links 125 Internet 125 Intranet 126 JavaScript, ECMAScript, CSS, XML, XHTML, DOM 127 Web page 128 Website 128 Additional terminology 129 Roles and Responsibilities in the Web World 129 Web developer/programmer 129 Project manager 130 Systems administrator (sysadmin) and network administrator (netadmin) 131 Web technician 131 Your Role in the Web 133 6 What Is a Web Designer, Anyway? 135 What We Have Here Is an Opportunity to Communicate 137 The Definition Defined 138 Look and feel 138 Business-to-business 139 Business-to-consumer 140 Solve Communication Problems 140 Brand identity 141 Web-specific 141 Restrictions of the Medium 142 Technology 143 Works with team members 144 Visually and emotionally engaging 144 Easy to navigate 145 Compatible with visitors’ needs 145 Accessible to a wide variety of web browsers and other devices 145 Can You Handle It? 146 vii 00 0732 FM 4/24/01 1:38 PM Page viii 7 Riding the Project Life Cycle 147 What Is the Life Cycle? 148 Why Have a Method? 149 We Never Forget a Phase 151 Analysis (or “Talking to the Client”) 152 The early phase 153 Defining requirements 154 Design 156 Brainstorm and problem solve 156 Translate needs into solutions 157 Sell ideas to the client 158 Identify color comps 160 Create color comps/proof of concept 160 Present color comps and proof of concept 161 Receive design approval 162 Development 162 Create all color comps 163 Communicate functionality 164 Work with templates 165 Design for easy maintenance 165 Testing 166 Deployment 166 The updating game 167 Create and provide documentation and style guides 168 Provide client training 169 Learn about your client’s methods 169 Work the Process 170 Part III HOW: Talent Applied (Tools & Techniques) 173 8 HTML, the Building Blocks of Life Itself 175 Code Wars 176 Table Talk 176 XHTML Marks the Spot 177 Minding Your <p>’s and q’s 178 Looking Ahead 179 Getting Started 181 View Source 183 A Netscape Bonus 184 The Mother of All View Source Tricks 184 viii 00 0732 FM 4/24/01 1:38 PM Page ix Doin’ it in Netscape 184 Doin’ it in Internet Explorer 185 Absolutely Speaking, It’s All Relative 185 What Is Good Markup? 188 What Is Sensible Markup? 189 HTML as a Design Tool 190 Plug-ins and Tables and Frames, Oh My! 193 The Frames of Hazard 194 Please Frame Safely 195 Framing Your Art 195 <META> <META> Hiney Ho! 197 Search Me 197 Take a (Re)Load Off 200 A Comment About <COMMENTS> 201 WYSIWYG, My Aunt Moira’s Left Foot 202 Code of Dishonor 202 WYS Is Not Necessarily WYG 203 Browser Incompatibilities: Can’t We All Just Get Along? 204 Publish That Sucker! 205 HTMHell 207 9 Visual Tools 209 Photoshop Basics: An Overview 209 Comp Preparation 210 Dealing with Color Palettes 210 Exporting to Web-Friendly Formats 210 Gamma Compensation 211 Preparing Typography 211 Slicing and Dicing 211 Rollovers (Image Swapping) 211 GIF Animation 212 Create Seamless Background Patterns (Tiles) 212 Color My Web: Romancing the Cube 212 Dither Me This 213 Death of the Web-Safe Color Palette? 215 A Hex on Both Your Houses 216 Was Blind, but Now I See 217 From Theory to Practice 217 Format This: GIFs, JPEGs, and Such 221 ix 00 0732 FM 4/24/01 1:38 PM Page x GIF 222 Loves logos, typography, and long walks in the woods 223 GIFs in Photoshop 224 JPEG, the Other
Recommended publications
  • Internet Pro Za Č Ínající Uživatele
    Gymnázium Františka Živného INFORMAČNÍ CENTRUM 2/2004 INTERNET PRO ZAČ ÍNAJÍCÍ UŽIVATELE DISTANČ NÍ TEXT Bohumín 2004 TOMÁŠ HUDEC OBSAH PŘ EDMĚ TU Úvod........................................................................................................................................... 3 1. Připojme se..................................................................................................................... 4 2. Prohlížíme stránky.......................................................................................................... 6 3. Hledání v kupce sena.................................................................................................... 10 4. Elektronická pošta ....................................................................................................... 16 2 ÚVOD Text je určen široké pedagogické veřejnosti z řad učitelů „ neinformatiků“, kteří chtějí získat základní informace z oblasti Internetu a chtějí pokud možnost studovat sami v čase, který jim vyhovuje a v prostředí, kde se cítí dobře, nemusí se stresovat a mohou pracovat svým tempem.. Text je napsán distanční formou a může být studován jak samostatně, tak v případě otevření příslušného kurzu pod vedením lektora. Text je oproštěn od obecných informací a je směrován k praktické činnosti čtenáře či frekventanta kurzu. Hlubší studium a někdy i odpovědi na otázky předpokládají další studium literatury nebo vyhledávání informací právě z Internetu. Po prostudování textu budete znát: • Co je to Internet a jak se připojit • Jaké jsou základní
    [Show full text]
  • PANTONE® Colorwebtm 1.0 COLORWEB USER MANUAL
    User Manual PANTONE® ColorWebTM 1.0 COLORWEB USER MANUAL Copyright Pantone, Inc., 1996. All rights reserved. PANTONE® Computer Video simulations used in this product may not match PANTONE®-identified solid color standards. Use current PANTONE Color Reference Manuals for accurate color. All trademarks noted herein are either the property of Pantone, Inc. or their respective companies. PANTONE® ColorWeb™, ColorWeb™, PANTONE Internet Color System™, PANTONE® ColorDrive®, PANTONE Hexachrome™† and Hexachrome™ are trademarks of Pantone, Inc. Macintosh, Power Macintosh, System 7.xx, Macintosh Drag and Drop, Apple ColorSync and Apple Script are registered trademarks of Apple® Computer, Inc. Adobe Photoshop™ and PageMill™ are trademarks of Adobe Systems Incorporated. Claris Home Page is a trademark of Claris Corporation. Netscape Navigator™ Gold is a trademark of Netscape Communications Corporation. HoTMetaL™ is a trademark of SoftQuad Inc. All other products are trademarks or registered trademarks of their respective owners. † Six-color Process System Patent Pending - Pantone, Inc.. PANTONE ColorWeb Team: Mark Astmann, Al DiBernardo, Ithran Einhorn, Andrew Hatkoff, Richard Herbert, Rosemary Morretta, Stuart Naftel, Diane O’Brien, Ben Sanders, Linda Schulte, Ira Simon and Annmarie Williams. 1 COLORWEB™ USER MANUAL WELCOME Thank you for purchasing PANTONE® ColorWeb™. ColorWeb™ contains all of the resources nec- essary to ensure accurate, cross-platform, non-dithered and non-substituting colors when used in the creation of Web pages. ColorWeb works with any Web authoring program and makes it easy to choose colors for use within the design of Web pages. By using colors from the PANTONE Internet Color System™ (PICS) color palette, Web authors can be sure their page designs have rich, crisp, solid colors, no matter which computer platform these pages are created on or viewed.
    [Show full text]
  • 138904 02 Classic.Pdf
    breeders’ cup CLASSIC BREEDERs’ Cup CLASSIC (GR. I) 30th Running Santa Anita Park $5,000,000 Guaranteed FOR THREE-YEAR-OLDS & UPWARD ONE MILE AND ONE-QUARTER Northern Hemisphere Three-Year-Olds, 122 lbs.; Older, 126 lbs.; Southern Hemisphere Three-Year-Olds, 117 lbs.; Older, 126 lbs. All Fillies and Mares allowed 3 lbs. Guaranteed $5 million purse including travel awards, of which 55% of all monies to the owner of the winner, 18% to second, 10% to third, 6% to fourth and 3% to fifth; plus travel awards to starters not based in California. The maximum number of starters for the Breeders’ Cup Classic will be limited to fourteen (14). If more than fourteen (14) horses pre-enter, selection will be determined by a combination of Breeders’ Cup Challenge winners, Graded Stakes Dirt points and the Breeders’ Cup Racing Secretaries and Directors panel. Please refer to the 2013 Breeders’ Cup World Championships Horsemen’s Information Guide (available upon request) for more information. Nominated Horses Breeders’ Cup Racing Office Pre-Entry Fee: 1% of purse Santa Anita Park Entry Fee: 1% of purse 285 W. Huntington Dr. Arcadia, CA 91007 Phone: (859) 514-9422 To Be Run Saturday, November 2, 2013 Fax: (859) 514-9432 Pre-Entries Close Monday, October 21, 2013 E-mail: [email protected] Pre-entries for the Breeders' Cup Classic (G1) Horse Owner Trainer Declaration of War Mrs. John Magnier, Michael Tabor, Derrick Smith & Joseph Allen Aidan P. O'Brien B.c.4 War Front - Tempo West by Rahy - Bred in Kentucky by Joseph Allen Flat Out Preston Stables, LLC William I.
    [Show full text]
  • Florida’S Best Community Newspaper Serving Florida’S Best Community 50¢ VOL
    Project1:Layout 1 6/10/2014 1:13 PM Page 1 Belmont: Will lead off Triple Crown for first time /A8 WEDNESDAY TODAY CITRUSCOUNTY & next morning HIGH 88 Brief morning LOW clouds, then sunny and warm. 64 PAGE A4 www.chronicleonline.com MAY 20, 2020 Florida’s Best Community Newspaper Serving Florida’s Best Community 50¢ VOL. 125 ISSUE 225 NEWS BRIEFS Town square takes shape Citrus COVID-19 information Opening still Two new positive COVID-19 cases were re- ported in Citrus County set for July 4 since the latest FDOH update. To date in the BUSTER county, 114 people have THOMPSON tested positive and 12 Staff writer have died. Crystal River’s undevel- For more information, oped plot of grassland on see Sunday’s edition. the corner of Citrus Avenue Elections office and U.S. 19 has always wel- comed highway motorists recruiting poll entering the heart of the workers city. In less than a couple Would you like to be a months, it will be an open part of the elections team hub of downtown recre- for the 2020 Primary and ation, events, gatherings General Elections? and transit. The Citrus County Su- After breaking ground pervisor of Elections of- mid-January with help fice is recruiting poll from Crystal River City workers. Council members, Lecanto To meet the new Flor- contractor Daly & Zilch Inc. ida guidelines, applicants still expects to wrap up the who are bilingual and first $820,683 phase of the city’s town square on time able to understand, in early July. speak, write and read En- “It’s really coming along; glish and Spanish fluently I’m excited to see the fin- are encouraged to apply.
    [Show full text]
  • A NATIONAL CONFERENCE Define Justice
    RY SA VER ANNI C’S 30th AR FACING RACE A NATIONAL CONFERENCE Define Justice. Make Change. November 15-17, 2012 BALTIMORE HILTON BALTIMORE, MD 30/.3/2%$ "9 4(% !00,)%$ 2%3%!2#( #%.4%2 s !2#/2' THE APPLIED RESEARCH CENTER’S (ARC) MISSION IS TO BUILD AWARENESS, SOLUTIONS, AND LEADERSHIP FOR RACIAL JUSTICE BY GENERATING TRANSFORMATIVE IDEAS, INFORMATION AND EXPERIENCES. ABOUT ARC The Applied Research Center (ARC) is a thirty-year-old, national racial justice organization. ARC envisions a vibrant world in which people of all races create, share and enjoy resources and relationships equitably, unleashing individual potential, embracing collective responsibility and generating global prosperity. We strive to be a leading values-driven social justice enterprise where the culture and commitment created by our multi-racial and diverse staff supports individual and organizational excellence and sustainability. ARC’s mission is to build awareness, solutions and leadership for racial justice by generating transformative ideas, information and experiences. We define racial justice as the systematic fair treatment of people of all races, resulting in equal opportunities and outcomes for all and we work to advance racial justice through media, research, and leadership development. s MEDIA: ARC is the publisher of Colorlines.com, an award-winning, daily news site where race matters. Colorlines brings a critical racial lens and analysis to breaking news stories, as well as in-depth investigations. In 2012, Colorlines’ Shattered Families investigation was awarded the Hillman Prize in Web Journalism and Colorlines partnered with The Nation on the Voting Rights Watch series. In addition to promoting racial justice through our own media, ARC staff is sought after as experts on current race issues, with regular media appearances on MSNBC, NPR, and other national and local broadcast, print, and online outlets.
    [Show full text]
  • | Hao Hata Kama Wa Tailor Tatra Da at Man
    |HAO HATA KAMA WAUS009935814B2 TAILOR TATRA DA AT MAN HAT (12 ) United States Patent ( 10 ) Patent No. : US 9 ,935 ,814 B2 Selgas et al. ( 45 ) Date of Patent: Apr . 3, 2018 ( 54 ) METHOD OF OBTAINING A NETWORK ( 58 ) Field of Classification Search ADDRESS CPC . .. .. .. HO4L 29 / 12009 ; H04L 67 / 16 ; H04L 63 /0853 ; H04L 63 / 18 ; H04L 63 / 083 ; (75 ) Inventors : Thomas Drennan Selgas, Garland , TX H04L 63 /08 ; H04L 63 / 0464 ; H04L 63 /04 ; (US ) ; Michael Brian Massing, Boulder HO4L 29 / 06 ; HO4L 61/ 00 Creek , CA (US ) ; John Everett See application file for complete search history. Gmuender, Campbell, CA (US ) ( 56 ) References Cited (73 ) Assignee : My Mail Ltd ., Athens , TX (US ) U . S . PATENT DOCUMENTS ( * ) Notice : Subject to any disclaimer , the term of this 3 , 885 , 104 A 5 / 1975 Smith et al . patent is extended or adjusted under 35 4 , 430 , 702 A 2 / 1984 Schiebe et al. U . S . C . 154 ( b ) by 106 days . ( Continued ) (21 ) Appl . No. : 13 /079 , 015 FOREIGN PATENT DOCUMENTS ( 22 ) Filed : Apr. 4 , 2011 EP 0233682 A2 8 /1987 0270882 A2 6 / 1988 (65 ) Prior Publication Data (Continued ) US 2011/ 0185411 A1 Jul. 28 , 2011 US 2014 /0053253 A9 Feb . 20 , 2014 OTHER PUBLICATIONS Aboba et al , Review of Roaming Implementations, IETF Roaming Related U . S . Application Data Working Group , Sep . 1996 , 11 pages. * (Continued ) (60 ) Continuation of application No . 10 /417 , 862 , filed on Primary Examiner - Patrice L Winder Apr. 16 , 2003 , now Pat . No . 7 ,975 , 056 , which is a ( 74 ) Attorney , Agent, or Firm — Gardere Wynne Sewell (Continued ) LLP (51 ) Int.
    [Show full text]
  • Market Research SD-5 Gathering Information About Commercial Products and Services
    Market Research SD-5 Gathering Information About Commercial Products and Services DEFENSE STANDARDIZATION PROGRA M JANUARY 2008 Contents Foreword 1 The Market Research Other Considerations 32 Background 2 Process 13 Amount of Information Strategic Market Research to Gather 32 What Is Market Research? 2 (Market Surveillance) 14 Procurement Integrity Act 32 Why Do Market Research? 2 Identify the Market or Market Paperwork Reduction Act 33 Segment of Interest 14 When Is Market Research Cost of Market Research 34 Done? 5 Identify Sources of Market Information 16 Who Should Be Involved In Market Research? 7 Collect Relevant Market Other Information Information 17 Technical Specialist 8 Document the Results 18 on Market Research 35 User 9 Logistics Specialist 9 Tactical Market Research Appendix A 36 (Market Investigation) 19 Testing Specialist 9 Types of Information Summarize Strategic Market Available on the Internet Cost Analyst 10 Research 19 Legal Counsel 10 Formulate Requirements 20 Appendix B 39 Contracting Officer 10 Web-Based Information Identify Sources of Sources Information 21 Guiding Principles 11 Collect Product or Service Appendix C 47 Examples of Tactical Start Early 11 Information from Sources 22 Collect Information from Information Define and Document Product or Service Users 26 Requirements 11 Evaluate the Data 27 Refine as You Proceed 12 Document the Results 30 Tailor the Investigation 12 Repeat as Necessary 12 Communicate 12 Involve Users 12 Foreword The Department of Defense (DoD) relies extensively on the commercial market for the products and services it needs, whether those products and services are purely commercial, modified for DoD use from commercial products and services, or designed specifically for DoD.
    [Show full text]
  • Member Directory
    D DIRECTORY Member Directory ABOUT THE MOBILE MARKETING ASSOCIATION (MMA) Mobile Marketing Association Member Directory, Spring 2008 The Mobile Marketing Association (MMA) is the premier global non- profit association established to lead the development of mobile Mobile Marketing Association marketing and its associated technologies. The MMA is an action- 1670 Broadway, Suite 850 Denver, CO 80202 oriented organization designed to clear obstacles to market USA development, establish guidelines and best practices for sustainable growth, and evangelize the mobile channel for use by brands and Telephone: +1.303.415.2550 content providers. With more than 600 member companies, Fax: +1.303.499.0952 representing over forty-two countries, our members include agencies, [email protected] advertisers, handheld device manufacturers, carriers and operators, retailers, software providers and service providers, as well as any company focused on the potential of marketing via mobile devices. *Updated as of 31 May, 2008 The MMA is a global organization with regional branches in Asia Pacific (APAC); Europe, Middle East & Africa (EMEA); Latin America (LATAM); and North America (NA). About the MMA Member Directory The MMA Member Directory is the mobile marketing industry’s foremost resource for information on leading companies in the mobile space. It includes MMA members at the global, regional, and national levels. An online version of the Directory is available at http://www.mmaglobal.com/memberdirectory.pdf. The Directory is published twice each year. The materials found in this document are owned, held, or licensed by the Mobile Marketing Association and are available for personal, non-commercial, and educational use, provided that ownership of the materials is properly cited.
    [Show full text]
  • Opera Software the Best Browsing Experience on Any Device
    Opera Software The best browsing experience on any device The best Internet experience on any device Web Standards for the Future – Bruce Lawson, Opera.com • Web Evangelist, Opera • Tech lead, Law Society & Solicitors Regulation Authority (2004-8) • Author 2 books on Web Standards, edited 2 • Committee member for British Standards Institution (BSI) for the new standard for accessible websites • Member of Web Standards Project: Accessibility Task Force • Member of W3C Mobile Best Practices Working Group Web Standards for the Future – Bruce Lawson, Opera.com B.A., Honours English Literature and Language with Drama Theresa is blind But she can use the Web if made with standards The big picture WWW The big picture Western Western Web A web (pre)history • 1989 TBL proposes a project • 1992 <img> in Mosaic beta. Now 99.57% (MAMA) • 1994 W3C started at MIT • 1996 The Browser Wars • 1999 WAP, Web Content Accessibility Guidelines (WCAG) • 2000 Flash Modern web history • 2000-ish .com Crash - Time to grow up... • 2002 Opera Mobile with Small Screen Rendering • 2005 WHAT-WG founded, W3C Mobile Web Initiative starts • 2007 W3C adopts WHAT-WG spec as basis for HTML 5 • January 22, 2008 First public working draft of HTML 5 Standards at Opera • 25 employees work on standards • Mostly at W3C - a big player • Working on many standards • Bringing new work to W3C • Implementing Standards properly (us and you!) (Web Standards Curriculum www.opera.com/wsc) Why standards? The Web works everywhere - The Web is the platform • Good standards help developers: validate; separate content and presentation - means specialisation and maintainability.
    [Show full text]
  • HTTP Cookie - Wikipedia, the Free Encyclopedia 14/05/2014
    HTTP cookie - Wikipedia, the free encyclopedia 14/05/2014 Create account Log in Article Talk Read Edit View history Search HTTP cookie From Wikipedia, the free encyclopedia Navigation A cookie, also known as an HTTP cookie, web cookie, or browser HTTP Main page cookie, is a small piece of data sent from a website and stored in a Persistence · Compression · HTTPS · Contents user's web browser while the user is browsing that website. Every time Request methods Featured content the user loads the website, the browser sends the cookie back to the OPTIONS · GET · HEAD · POST · PUT · Current events server to notify the website of the user's previous activity.[1] Cookies DELETE · TRACE · CONNECT · PATCH · Random article Donate to Wikipedia were designed to be a reliable mechanism for websites to remember Header fields Wikimedia Shop stateful information (such as items in a shopping cart) or to record the Cookie · ETag · Location · HTTP referer · DNT user's browsing activity (including clicking particular buttons, logging in, · X-Forwarded-For · Interaction or recording which pages were visited by the user as far back as months Status codes or years ago). 301 Moved Permanently · 302 Found · Help 303 See Other · 403 Forbidden · About Wikipedia Although cookies cannot carry viruses, and cannot install malware on 404 Not Found · [2] Community portal the host computer, tracking cookies and especially third-party v · t · e · Recent changes tracking cookies are commonly used as ways to compile long-term Contact page records of individuals' browsing histories—a potential privacy concern that prompted European[3] and U.S.
    [Show full text]
  • Introduction to Russian Poetry - Michael Wachtel Excerpt More Information
    Cambridge University Press 0521004934 - The Cambridge Introduction to Russian Poetry - Michael Wachtel Excerpt More information Introduction Поэ´т – издaлeкa´ зaво´дит рe´чь. Поэ´тa – дaлeко´ зaво´дит рe´чь. цвeтaeвa, «Поэ´ты» The poet brings language from afar. Language brings the poet far. Tsvetaeva, “Poets” When poets read their works aloud, we may not understand every word, but we immediately recognize that their intonation differs from that of everyday speech. This “unnatural” declamation often causes confusion among those who first encounter it. “Why don’t they just read it normally?” one is tempted to ask. The reason is simple: poets want to set their speech off from everyday language. Individual poets vary widely in the degree of “unnaturalness” they introduce to their readings, but in virtually all cases their goal is the same: to destabilize the familiar world of their listeners, to make them hear anew. All of us, poets or not, alter our tone of voice and choice of words in accordance with specific circumstances. We speak differently with our par- ents than with our peers, we address the auto mechanic differently than the policeman, we speak differently when giving a toast than we do when calling for an ambulance. In many life situations, what might be called the prosaic attitude toward language dominates. Our object is to relay information as quickly and unambiguously as possible. At other times, getting the point across is not enough; it is essential to do so convincingly and fervently. We select our words carefully and consciously organize them. In this case, we are not necessarily creating poetry, but it is fair to say that we are moving in the direction of poetry.
    [Show full text]
  • Designing and Implementing the OP and OP2 Web Browsers
    Designing and Implementing the OP and OP2 Web Browsers CHRIS GRIER, SHUO TANG and SAMUEL T. KING, University of Illinois at Urbana-Champaign Current web browsers are plagued with vulnerabilities, providing hackers with easy access to computer systems via browser-based attacks. Browser security efforts that retrofit existing browsers have had lim- ited success because the design of modern browsers is fundamentally flawed. To enable more secure web browsing, we design and implement a new browser, called the OP web browser, that attempts to improve the state-of-the-art in browser security. We combine operating system design principles with formal methods to design a more secure web browser by drawing on the expertise of both communities. Our design philosophy is to partition the browser into smaller subsystems and make all communication between subsystems sim- ple and explicit. At the core of our design is a small browser kernel that manages the browser subsystems and interposes on all communications between them to enforce our new browser security features. To show the utility of our browser architecture, we design and implement three novel security features. First, we develop flexible security policies that allow us to include browser plugins within our security framework. Second, we use formal methods to prove useful security properties including user interface invariants and browser security policy. Third, we design and implement a browser-level information-flow tracking system to enable post-mortem analysis of browser-based attacks. In addition to presenting the OP browser architecture, we discuss the design and implementation of a second version of OP, OP2, that includes features from other secure web browser designs to improve on the overall security and performance of OP.
    [Show full text]