fosdem2021/index.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   5   <meta name="Author" content="KaiRo - Robert Kaiser">
   6   <title>Mozilla History: 20+ Years And Counting</title>
   7   <link rel="stylesheet" type="text/css" href="slides.css">
   8   <script type="text/javascript" src="slides.js"></script>
   9   <link rel="contents" href="#index" title="Overview">
  10   <link rel="index" id="link-toc" href="#toc" title="Contents">
  11   <link rel="start" id="link-start" href="#index" title="Start">
  12 </head>
  13 <body>
  14 <header id="header"><div id="header-text">Mozilla History</div>
  15   <div id="subheader-text"></div>
  16   <a id="headerlogo" href="#index" title="Start page">Mozilla</a>
  17 </header>
  18 <nav id="slidenav">
  19   <a href="#toc" id="nav-toc" accesskey="t">toc</a> ||
  20   <a href="#index" id="nav-start" accesskey="s">start</a> ||
  21   <a href="#" id="nav-prev" accesskey="p" hidden>&lt; back</a>
  22   <span id="nav-prev-nolink" class="nolink">&lt; back</span> |
  23   <a href="#" id="nav-next" id="goNext" accesskey="n" hidden>fwd &gt;</a>
  24   <span id="nav-next-nolink" class="nolink">fwd &gt;</span>
  25 </nav>
  26
  27 <article id="toc" data-title="Contents">
  28 <h1><span>Contents</span></h1>
  29 <h2>Mozilla History: 20+ Years And Counting</h2>
  30
  31 <div class="captionedbox">
  32 <p class="captionedbox-caption">The following slides are available in this presentation:</p>
  33 <div class="captionedbox-content">
  34 <ul id="toc-list">
  35 </ul>
  36 </article>
  37
  38 <article id="index" data-title="Start Page" data-seconds="600">
  39 <h1><span>Mozilla History: 20+ Years And Counting</span></h1>
  40 <h2>An overview of origins, past, and present</h2>
  41
  42 <div class="simplebox decofont">
  43 <mark><a href="http://home.kairo.at/">Robert Kaiser</a></mark>
  44 </div>
  45
  46 <div class="captionedbox">
  47 <p class="captionedbox-caption decofont"><span id="hidesdesc" class="noadvance">Slides:</span>
  48   <a href="https://slides.kairo.at/fosdem2021/">https://slides.kairo.at/fosdem2021/</a></p>
  49 <div class="captionedbox-content small">
  50 <ul class="small" id="slidesdesc">
  51   <li>Created for a presentation in the <a href="http://fosdem.org/2021/schedule/track/mozilla/">Mozilla
  52     Developer Room</a> at <a href="http://www.fosdem.org/">FOSDEM 2021</a> in
  53     Brussels.</li>
  54   <li>Written in HTML 5 (with modern CSS and JS).</li>
  55   <li>Navigation via links on all slides, via access keys
  56    (e.g. "n"/Alt+Shift+N for "next") or back/forward arrow keys</li>
  57   <li><a href="#toc">Contents</a></li>
  58   <li><a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"><img
  59       alt="Lizenziert unter CC-BY-SA," class="ccinline" src="cc-by-sa.svg"></a>
  60     01/2021 Robert Kaiser -
  61     "Mozilla", "Firefox" and related marks/logos are
  62     <a href="http://www.mozilla.org/foundation/trademarks/list.html">trademarks
  63     of Mozilla Foundation</a>.</li>
  64 </ul>
  65 </div>
  66 </div>
  67 </article>
  68
  69 <article id="introduction" data-title="Introduction - KaiRo">
  70 <h1><span>Robert Kaiser - KaiRo</span></h1>
  71
  72 <div class="simplebox">
  73 <img src="kairo.jpg" class="slidepic"
  74  alt="Robert Kaiser">
  75 <ul>
  76   <li>kairo@kairo.at / <a href="https://home.kairo.at/">home.kairo.at</a></li>
  77   <li><mark><a href="https://community.mozilla.org/en/groups/mozilla-reps/">Mozilla Rep</a></mark>,
  78       <mark><a href="https://community.mozilla.org/en/groups/tech-speakers/">Tech Speaker</a></mark></li>
  79   <li>Based in Vienna, Austria</li>
  80   <li>Not on most major social networks</li>
  81   <li>But on <a href="https://matrix.to/#/@kairo:mozilla.org">Matrix</a>,
  82       <a href="https://joindiaspora.com/people/eb2e0ec0ec0d04bc">Diaspora*</a>,
  83       <a href="https://community.mozilla.org/en/people/kairo/">Mozilla Community</a>,
  84       <a href="https://telegram.me/KaiRo_at">Telegram</a>,
  85       <a href="https://www.linkedin.com/in/robert-kaiser-kairo-at">LinkedIn</a>,
  86       <a href="https://github.com/KaiRo-at">KaiRo-at at GitHub</a></li>
  87 </ul>
  88 <p class="ensurepicinbox"></p>
  89 </div>
  90 </article>
  91
  92 <article id="origin" data-title="Mozilla Name Origin">
  93 <h1><span>Origin of the Name "Mozilla"</span></h1>
  94
  95 <div class="simplebox">
  96 <img src="mozdino-green.jpg" class="slidepic"
  97  alt="Mozilla dino - © Dave Titus">
  98 <ul>
  99   <li>1993: Marc Andreessen, co-writer of
 100     <abbr title="National Center for Supercomputing Applications at the University of Illinois">NCSA</abbr>
 101     <a href="https://en.wikipedia.org/wiki/Mosaic_(web_browser)">Mosaic</a>,
 102     co-founds company for commercial web browser</li>
 103   <li>"Mosaic killer" app, reminding of "Godzilla" --> code-name <mark>"Mozilla"</mark></li>
 104   <li>Used as internal name, user agent "Mozilla/..."</li>
 105   <li>Green dino mascot (© Dave Titus)</li>
 106   <li>Public/commercial name <mark><a href="https://en.wikipedia.org/wiki/Netscape">Netscape</a></mark> later in 1994</li>
 107 </ul>
 108 <p class="ensurepicinbox"></p>
 109 </div>
 110 </article>
 111
 112 <article id="launch" data-title="Mozilla Project Launch">
 113 <h1><span>Mozilla Project Launch</span></h1>
 114
 115 <div class="simplebox">
 116 <img src="hack.png" class="slidepic"
 117  alt="mozilla.org: hack - this technology could fall into the right hands">
 118 <ul>
 119   <li>Jan 1998: Netscape announces <mark>open-sourcing</mark> of code</li>
 120   <li><abbr title="Netscape Public License">NPL</abbr> as a new license, written by Mitchell Baker</li>
 121   <li>Using <mark>Mozilla</mark> project name, <a href="https://mozilla.org/">mozilla.org</a></li>
 122   <li>Red dino <a href="https://en.wikipedia.org/wiki/Mozilla_%28mascot%29">mascot</a> (by Shepard Fairy)</li>
 123   <li>tag line "hack - this technology could fall into the right hands"</li>
 124   <li>Target: Internet Application Suite code as base for Netscape 5+</li>
 125   <li>Open-source code launch on <mark>March 31, 1998</mark></li>
 126   <li><mark><a href="http://archive.org/details/CodeRush_616">Code Rush</a></mark> documentary</li>
 127 </ul>
 128 <p class="ensurepicinbox"></p>
 129 </div>
 130 </article>
 131
 132 <article id="suite" data-title="Mozilla Application Suite">
 133 <h1><span>Mozilla Application Suite</span></h1>
 134
 135 <div class="simplebox">
 136 <img src="mozsuite.png" class="slidepic"
 137  alt="Mozilla Suite screen shots">
 138 <ul>
 139   <li>Late 1998: Start building on in-development Raptor/NGLayout/<mark>Gecko</mark>
 140       engine (HTML4+XML-compliant).</li>
 141   <li>Complete <mark>rewrite</mark> of suite based on browser tech ("XPFE")</li>
 142   <li><abbr title="XML User Interface Language">XUL</abbr> (with CSS + JS),
 143       <abbr title="XML Binding Language">XBL</abbr>,
 144       plus <abbr title="Cross-Platform Component Object Model">XPCOM</abbr>, RDF/XML, etc.</li>
 145   <li>M3-M18 milestone releases, 0.6 as base for Netscape 6, <mark>1.0 in June 2002</mark></li>
 146   <li>Regular development and releases up to 1.7 in 2005</li>
 147   <li>Deprecated for Firefox and Thunderbird</li>
 148   <li>Transition to community in 2005 ("SeaMonkey")</li>
 149 </ul>
 150 <p class="ensurepicinbox"></p>
 151 </div>
 152 </article>
 153
 154 <article id="firefox" data-title="The Rise of Firefox">
 155 <h1><span>The Rise of Firefox</span></h1>
 156
 157 <div class="simplebox">
 158 <img src="splendid_firefox_small.jpg" class="slidepic"
 159  alt="The Splendid Firefox!">
 160 <ul>
 161   <li>April 2002: <mark>m/b</mark> -
 162       <a href="https://github.com/mozilla/gecko-dev/blob/4c205237b560525550d77a47c6ca805ecc569ca6/browser/README.html">"The
 163       idea is to design the best web browser for most people."</a></li>
 164   <li>Leaner, cleaner, <mark>browser-only UI</mark> based on same technologies as suite</li>
 165   <li>Name changes to Phoenix, Firebird and finally Firefox</li>
 166   <li>Firefox 1.0 released on <mark>November 9, 2004</mark></li>
 167   <li>Web Search integration</li>
 168   <li>Rapid growth to hundreds of millions of users</li>
 169   <li>Started a whole new push of Internet innovation</li>
 170 </ul>
 171 <p class="ensurepicinbox"></p>
 172 </div>
 173 </article>
 174
 175 <article id="mofo" data-title="Mozilla Foundation">
 176 <h1><span>Mozilla Foundation</span></h1>
 177
 178 <div class="simplebox">
 179 <img src="adoptmozilla.png" class="slidepic"
 180  alt="Various Mozilla logos and graphics">
 181 <ul>
 182   <li>AOL/Netscape pulling out of Mozilla in 2003</li>
 183   <li><mark>Mozilla Foundation</mark> ("MoFo") created with some one-time funding</li>
 184   <li>No employees, Mitchell Baker as chairwoman</li>
 185   <li>Donations, then Web Search money with Firefox 1.0</li>
 186   <li><mark>Mozilla Corporation</mark> ("MoCo") subsidiary since 2005 for tax reasons</li>
 187   <li>After that, mission-driven, non-commercial work at MoFo</li>
 188   <li>New <mark>moz://a</mark> logo since 2017</li>
 189 </ul>
 190 <p class="ensurepicinbox"></p>
 191 </div>
 192 </article>
 193
 194 <article id="mission" data-title="Mission and Manifesto">
 195 <h1><span>Mozilla Mission and Manifesto</span></h1>
 196
 197 <div class="simplebox">
 198 <img src="mozilla-open-poster.jpg" class="slidepic"
 199  alt="Mozilla 'OPEN' dino poster">
 200 <ul>
 201   <li>Initially, "act as the virtual meeting place for the Mozilla code"</li>
 202   <li>First actual <a href="https://web.archive.org/web/20031118185113/http://www.mozilla.org/about/">mission
 203       statement</a> on website in 2003: "preserve choice and innovation on the Internet"</li>
 204   <li>Today: "ensure the Internet is a <mark>global public resource, open and
 205       accessible to all</mark>. [...]"</li>
 206   <li>Since 2007, Principles of
 207       <mark><a href="https://www.mozilla.org/en-US/about/manifesto/">Mozilla Manifesto</a></mark></li>
 208   <li>Pledge for human experience added to Manifesto in 2018</li>
 209 </ul>
 210 <p class="ensurepicinbox"></p>
 211 </div>
 212 </article>
 213
 214 <article id="products" data-title="Other Products/Projects">
 215 <h1><span>Other Products/Projects (Excerpt)</span></h1>
 216
 217 <div class="simplebox">
 218 <img src="otherprojects.png" class="slidepic"
 219  alt="Logos of other Mozilla projects listed on the slide">
 220 <ul>
 221   <li><abbr title="Mozilla Developer Center">MDC</abbr>/<abbr title="Mozilla Developer Network">MDN</abbr>:
 222       developer documentation, since 2005</li>
 223   <li>XULRunner: XUL application platform, 2006-2015</li>
 224   <li><mark>Rust</mark>: programming language, personal project since 2006,
 225       sponsored by Mozilla since 2010, creation of separate foundation in progress</li>
 226   <li>Persona/BrowserID: decentralized auth system, 2011-2016</li>
 227   <li>Servo: experimental browser engine, since 2012, cooperation with Samsung,
 228       moved to <abbr title="Linux Foundation">LF</abbr> in 2020</li>
 229   <li><mark>Firefox OS</mark>: web-based mobile OS, 2013-2016</li>
 230   <li><mark>Pocket</mark> (orig. "Read It Later"): web content lists,
 231       independent since 2007, acquired by Mozilla in 2017</li>
 232   <li>Firefox Lockwise: password manager, since 2018</li>
 233   <li>Firefox Monitor: data breach checker, since 2018</li>
 234   <li>Mozilla <mark>VPN</mark>: since 2019/2020</li>
 235 </ul>
 236 <p class="ensurepicinbox"></p>
 237 </div>
 238 </article>
 239
 240 <article id="now" data-title="Current State of Mozilla">
 241 <h1><span>Current State of Mozilla</span></h1>
 242
 243 <div class="simplebox">
 244 <img src="mozcurrent.png" class="slidepic"
 245  alt="Current screen shot of Firefox privacy website">
 246 <ul>
 247   <li><mark>Firefox</mark> (desktop, mobile) and Pocket</li>
 248   <li>Plus <mark>Privacy &amp; Security</mark> products (Monitor, VPN, ...)</li>
 249   <li>Mozilla Foundation: Mission (MozFest, Common Voice, ...)</li>
 250   <li><mark>Thunderbird</mark>: separate under MoFo umbrella</li>
 251   <li>Related projects: <a href="https://www.rust-lang.org/">Rust</a>,
 252       <a href="https://www.bugzilla.org/">Bugzilla</a>,
 253       <a href="https://webthings.io/">Webthings</a>,
 254       <a href="https://www.kaiostech.com/">KaiOS</a>, ...</li>
 255 </ul>
 256 <p class="ensurepicinbox"></p>
 257 </div>
 258 </article>
 259
 260 <article id="end" data-title="The End">
 261
 262 <div class="simplebox endslidecontainer">
 263 <h1 class="cent endslidetext"><span>Thank You.</span></h1>
 264 <h2 class="cent endslidetext"><span><a href="https://home.kairo.at/">https://home.kairo.at/</a></span></h2>
 265 <img src="mozgear.jpg" class="sshot endslidepic" alt="Various Mozilla gear (T-shirts, stickers, etc.)">
 266 </div>
 267 </article>
 268
 269 </body>
 270 </html>