Makers of a sustainable future

Makers of a sustainable future

Har 20 års erfaring ledet til dette?!

lover of life,
technologist at heart

Har over 20 års erfaring ledet til dette?!

The Early Internet (1960s-1990s)

The Early Internet set the foundation for everything that followed. What began as academic and government experiments with networking quickly turned into a global communication system. Standards like TCP/IP and HTML created the conditions for the web to flourish, while the invention of browsers and scripting languages gave ordinary people a way to interact with information digitally.

This period also saw the first commercial transactions, proving that the web could be more than just an academic or military tool. Online shopping, payments, and even digital media sales hinted at the massive economic shift that would follow.

Together, these innovations established the internet not only as a new medium of communication, but as a platform for commerce, entertainment, and community building - foundations that still underpin frontend development today.

1969

ARPANET goes live, the precursor to the modern internet.

1983

TCP/IP becomes the standard protocol, enabling a truly connected internet.

1987

Larry Wall created Perl, originally as a text-processing language.

1988

IRC was invented by Jarkko Oikarinen.

1989

Tim Berners-Lee proposes the World Wide Web (WWW) at CERN.

1989

James Gosling created Oak for Sun Microsystems, later named Java.

1990

Tim Berners-Lee creates the first web browser (WorldWideWeb) and the first website.

1992

The first image is uploaded to the web (a parody band photo of CERN staff).

1993

Mosaic browser launches, bringing images inline with text - a huge leap in UX.

1993

CGI was introduced. It was the very first way to make dynamic websites.

1994

Netscape Navigator dominates; Yahoo! and Amazon launch.

1994

First online credit card transaction and first album sold online via encrypted card: Sting's Ten Summoner's Tales.

1994

Pizza Hut introduced the first online pizza ordering.

1995

JavaScript is created by Brendan Eich in 10 days; Netscape 2 ships with it. Originally Mocha → LiveScript → JavaScript.

Coincidentally, Java was called Oak until 1995.

mid 90s

The adult industry widely adopts online credit card payments, helping normalize e-commerce.

1995

Rasmus Lerdorf created "Personal Home Page Tools," later renamed PHP: Hypertext Preprocessor.

1995

The 1.0 version of Internet Explorer is released.

1996

ASP/IIS introduced.

Frontend for the Masses (1995-2000)

This democratized web publishing. Millions of users experimented with HTML, CSS, and JavaScript - popularizing animated GIFs, guestbooks, counters, and "under construction" banners - while blogging platforms made the social web possible.

1994

GeoCities launches, letting anyone host personal webpages in themed "neighbourhoods."

1995

Tripod starts as a student community and grows into a homepage builder.

1996

Angelfire offers free homepage hosting, later acquired by Lycos.

1996

Xoom provides free unlimited hosting with banner ads, pioneering ad-supported hosting.

1997

FortuneCity emerges with a virtual "city" theme for personal sites.

Late 90s

MSN HomePages and AOL Hometown bring homepage creation to mainstream internet users.

1990s

WYSIWYG tools like Microsoft FrontPage and Macromedia Dreamweaver let non-coders build websites with drag-and-drop editors.

CMS & eCommerce Platforms

These platforms mainstreamed professional web presence without custom coding, shaping user expectations for customizable, performant, and mobile-friendly frontends.

2000s

Open-source CMS rise: Drupal, Joomla, Magento.

2006

Shopify launches, democratizing online stores for small businesses.

00s-10s

Squarespace and Wix popularize drag-and-drop site builders for non-developers.

Styling & Interactivity Era (mid-1990s-2000s)

The Styling & Interactivity era transformed the web from static pages into something richer and more engaging... (see original for full nuance). CSS enabled design as its own discipline; browser wars spurred innovation and fragmentation; alternative browsers pushed standards and usability; media and culture experimented heavily online, foreshadowing today's streaming-driven web.

1995

Opera browser launches in Norway; known for speed and innovation (tabbed browsing, pop-up blocking, mouse gestures, integrated search).

1996

CSS is introduced by Håkon Wium Lie, separating content from presentation.

1995-1999

Browser wars between Netscape and Internet Explorer; IE wins dominance by bundling with Windows.

1997

HTML 4.0 standardizes markup.

1997

First online crowdfunding - Marillion, to finance a tour.

1999

First major artist to release an album digitally - David Bowie.

1999

Flash gains traction for animations, video, and interactivity.

1999

Napster popularizes peer-to-peer music sharing.

1999

Sun Microsystems launched JSP.

late 90s

LAMP Stack rises in popularity.

late 90s

Adult sites were early adopters of embedded video players (RealPlayer, WMP, QuickTime, later Flash).

2002

Phoenix browser (later Firefox) is released, focusing on speed, standards, and extensions.

2003

Apple Safari is introduced as default for macOS, replacing Internet Explorer for Mac.

2004

Firefox 1.0 launches, gaining market share as an open, standards-compliant IE alternative.

Animation & Graphics Beyond Flash

Motion became a core part of UX. With JS + CSS animation and WebGL abstractions, the web evolved from static documents to expressive, immersive interfaces without plugins.

2006

GSAP (GreenSock) becomes a pro-grade JS animation toolkit.

2010

Three.js brings developer-friendly 3D on top of WebGL.

2010s

CSS3 animations/transforms replace many Flash-era effects natively.

Bulletin Boards & Online Forums (mid-1990s-2000s)

Forums shaped the culture of the interactive web long before Facebook or Twitter. They normalized persistent identity, threaded discussions, reputation systems, and community moderation - conventions that live on in Reddit, Stack Overflow, and Discourse.

Pre-Web roots

Text-based BBS (Bulletin Board Systems) popular in the 1980s and early 1990s via dial-up.

1994+

As the web grew, forums moved online with WWWBoard and early CGI-driven scripts.

Late 90s

UBB.classic, vBulletin, phpBB (2000), and SMF (2003) standardize features like threads, avatars, moderation, themes.

2000s

Forums become central hubs (gaming, coding, fandoms) with signatures, PMs, polls, stickies, skins - proto-social networks.

Search Engines & SEO (1990s-Today)

Search engines became the primary gateway to the web, shaping how frontends are built and discovered... Google's dominance pushed standards, semantics, speed, and mobile-first design. AI-driven search continues to influence content structure and delivery.

Advertising changed frontend priorities. Pop-ups and banners degraded UX but fuelled massive growth in the web economy. SEO spam and ad-driven content farms distorted search until algorithm updates (e.g., Google Panda, 2011) forced better practices.

On the positive side, monetization funded free content and tools, but also required frontend developers to balance performance, design, privacy, and revenue. Today, responsive ad units, privacy banners, and consent flows are unavoidable parts of frontend design.

1990

Archie becomes the first search engine, indexing FTP sites.

1993-1994

Early web search tools: ALIWEB, WebCrawler, Lycos, Infoseek, Excite.

1994

Yahoo! Directory launches, initially human-curated.

1996

Ask Jeeves introduces natural language queries.

1997

AltaVista and HotBot push full-text search; niche engines like Astalavista.box.sk index cracks/warez.

1998

Google launches with PageRank, revolutionizing relevance.

2000s

SEO emerges: tweaking HTML, metadata, content structure for rankings.

2000

Google AdWords launches, introducing keyword-based advertising

2000s

Black-hat practices like keyword stuffing and link farms rise (later penalized).

2000s

Monetization drives frontend changes: popup wars, intrusive banners, auto-playing media, and SEO spam (content farms).

2003

Google AdSense follows, letting site owners embed contextual ads, monetizing content at scale.

2009

Bing launches, giving Microsoft a foothold in search.

2010s

Mobile-first indexing, Schema.org, and Core Web Vitals elevate performance/accessibility.

2010s

The ad ecosystem pushes responsive design (adaptive ad units) and regulations like GDPR/CCPA introduce cookie consent banners.

Today

AI-powered search and voice assistants shift from links to direct answers.

Privacy, Tracking & Regulation (1990s-Today)

Privacy reshaped the frontend in visible ways. Developers had to implement cookie banners, consent flows, and tracking opt-outs, making privacy UX a standard part of web design.

It also forced technical changes: fewer third-party scripts, stricter data handling, and performance trade-offs. Regulations like GDPR turned privacy from a backend legal issue into a core frontend concern, directly affecting layout, design, and interactivity.

Today, frontend development must balance personalization, analytics, and advertising with compliance, trust, and user control.

1994

Cookies are introduced by Netscape, enabling session state, shopping carts, and later ad tracking.

2000s

Third-party cookies fuel the rise of targeted ads, analytics, and retargeting, shaping how frontends load external scripts.

2009

Do Not Track (DNT) is proposed as a browser feature, though adoption is limited.

2010s

Growing privacy concerns lead to stricter regulations and browser features:

  • GDPR (2018) in the EU requires explicit user consent for data collection.
  • CCPA (2020) brings similar rules to California.
  • Safari's Intelligent Tracking Prevention (2017) and Firefox Enhanced Tracking Protection (2019) block third-party cookies by default.

2020s

Chrome announces the phase-out of third-party cookies (ongoing), pushing new standards like Privacy Sandbox.

Rise of Dynamic Frontends (2000s)

A decisive shift from documents to applications. AJAX set expectations for instant interactivity; libraries like jQuery smoothed browser differences; platforms like Gmail and YouTube proved the web's app potential; Chrome's V8 raised performance bars and enabled modern frameworks.

2000s

Adult industry helped popularize Flash video (FLV); early Adaptive Streaming and DRM experimentation.

2000-2001

P2P platforms arise: Gnutella, Kazaa, BitTorrent.

2001

Internet Explorer 6 launches, notorious for lack of standards support.

2001

Gatas Parlaments releases the first free online release in Norway or in general: "Holdning over underholdning".

2004

Gmail shows power of AJAX for dynamic apps.

2006-2008

Early JS libraries/frameworks emerge: Prototype.js, script.aculo.us, jQuery (2006), Blueprint CSS.

2005

YouTube launches, bringing video mainstream.

2008

Google Chrome launches with the fast V8 JavaScript engine.

2008

Marillion, first band in the world to legally release their album on peer-to-peer (P2P) networks.

2009

Web Workers introduced for background threads.

2009

Node.js created by Ryan Dahl, bringing JavaScript to the server and powering modern tooling.

Enterprise & Proprietary Tech

Though many proprietary approaches faded, they pressured the open web to deliver rich app capabilities, accelerating standards and the shift to component-based frontends.

2007

Silverlight (Microsoft) and Adobe Flex attempt rich, enterprise web apps beyond Flash.

2000s

Enterprise platforms (e.g., Salesforce Visualforce) push component-driven UI in business apps.

Web 2.0, 3.0, and the Social Web

Web 2.0 emphasized participation, UGC, and interactivity; it birthed "social design." Later Web 3.0 discussions focused on semantics and decentralization - still evolving but influential.

1999-2004

"Web 2.0" describes the shift to interactive, user-driven platforms (AJAX, UGC, blogs, wikis, tagging/sharing).

1999

Blogger launches; LiveJournal gains traction.

2003

WordPress is released, becoming the most popular open-source blogging/CMS platform.

2004+

Flickr, Facebook, YouTube, Wikipedia, and Gmail become Web 2.0 archetypes.

2010s

"Web 3.0" discussions: linked data, decentralization, blockchain, P2P.

The Mobile Revolution (2007-2010s)

Smartphones forced a rethink of layout, performance, and input models. Responsive design and progressive enhancement became standard; mobile-first shaped frameworks and business strategy.

2007

Apple releases the iPhone with a full browser (Safari) and multitouch.

2008

Google Android launches, accelerating adoption.

2007-2009

Mobile browsers rapidly evolve with modern rendering and full CSS/JS support.

2008

App Store and Google Play shift expectations to app-like experiences.

2010

Ethan Marcotte coins Responsive Web Design (RWD).

2011

Bootstrap popularizes mobile-first design with ready-made components.

Mobile Web Beyond iPhone

Opera Mini extended web reach to feature phones; iPhone and Android reset expectations to touch-first, app-like, and fast.

2005

Opera Mini brings compressed web browsing to feature phones.

2007

iPhone redefines mobile web with a full browser and multitouch UX.

2008

Android accelerates global smartphone adoption.

Modern Frontend Foundations (2010s)

Component-based frameworks, TypeScript adoption, and GitHub-fueled open source defined modern frontend engineering.

2010

AngularJS popularizes declarative, data-driven UIs.

2010

Backbone.js introduces MVC patterns in the browser.

2010

Knockout.js introduces MVVM-style two-way data binding and observables in the browser, influencing later framework ergonomics.

2011

Bootstrap brings responsive design with ready-made CSS components.

2011

WebRTC standardizes real-time audio, video, and data channels.

2011

WebGL enables hardware-accelerated 2D/3D graphics without plugins.

2011

Web Components offer a framework-agnostic component model, underpinning many design systems and cross-framework integrations.

2013

React introduces component-based UI with a virtual DOM.

2014

Service Workers enable offline caching, background sync, push (PWA foundations).

2014

TypeScript grows as a typed superset enabling safer large-scale apps.

2014-2016

Vue.js and Svelte appear as lighter alternatives.

2012-2016

GitHub becomes central for collaboration, open source, and developer culture.

Early Tooling & Build Systems (2010s)

Task runners and early package managers industrialized frontend workflows, paving the way for bundlers and today's npm-first ecosystem; ESLint set the bar for code quality.

2010-2012

Grunt popularizes JavaScript task automation (minify, concat, watch).

2013

Gulp introduces a faster, streaming-based build pipeline.

2013

Bower becomes the first mainstream frontend package manager (pre-npm dominance).

2013

ESLint launches, setting the standard for JavaScript linting and code quality.

Tools of the Trade: Editors, IDEs, Playgrounds & DevTools (1990s-Today)

Editors and DevTools evolved from simple text editors and WYSIWYG tools to powerful, extensible environments (VS Code, Chrome DevTools). Online playgrounds made learning/prototyping social and fast.

1990s

Plain text editors like Notepad, vi, Emacs, BBEdit used for early coding.

1997

WYSIWYG tools like Microsoft FrontPage and Macromedia Dreamweaver enabled drag-and-drop site creation.

2000s

TextMate and Sublime Text gain popularity for speed and plugins.

2006

Firebug launches, introducing live DOM/CSS/JS debugging in the browser.

2010

Chrome DevTools becomes a game-changer with profiling, network inspection, responsive testing.

2010

JSFiddle launches as an online playground for HTML/CSS/JS.

2011

WebStorm offers a professional IDE experience tailored to JavaScript/frontend.

2012

CodePen adds a social layer for sharing and exploring UI concepts.

2014

Atom (GitHub) markets itself as a "hackable" editor; influences modern extensibility.

2015

VS Code releases; becomes the most widely used editor for frontend devs.

2017

StackBlitz introduces a full in-browser dev environment powered by WebAssembly.

Version Control & Package Ecosystems (1980s-Today)

Version control transformed collaboration; Git + GitHub made open source mainstream, and npm (plus Yarn/pnpm) sustains the modern JavaScript ecosystem.

1972

Source Code Control System (SCCS). Closed source, free with UNIX

1982

Revision Control System (RCS), open source.

1986

CVS emerges as an early widely adopted version control system.

2000

Subversion (SVN) released as a replacement for CVS.

2005

Git created by Linus Torvalds, introducing distributed version control.

2005

Mercurial (Hg) released as a simpler alternative, used by Mozilla/Python before migrations to Git.

2008

GitHub launches with social features (PRs, issues, stars).

2010

npm released, creating a central registry for JavaScript packages.

Testing & QA in the Frontend

Testing frameworks professionalized frontend development - unit, integration, and E2E testing enabling reliable continuous delivery.

2000s

QUnit (jQuery team) introduces unit testing for browser JS.

2010s

Jasmine and Mocha popularize BDD/TDD patterns.

2014

Jest becomes the de-facto test runner for React and beyond.

2015

Cypress streamlines end-to-end testing; Selenium remains a cross-browser staple.

ECMAScript & Standards (1999-Today)

ECMAScript standardization evolved JavaScript into a robust general-purpose language; HTML as a living standard accelerated delivery of modern web APIs.

1999

ECMAScript 3 formalizes core JavaScript features.

2009

ES5 adds JSON, strict mode, getters/setters.

2015

ES6 (ES2015) introduces classes, modules, arrow functions, promises, let/const.

2015+

Annual updates add async/await, import/export, optional chaining, Intl, etc.

2004-2012

W3C/WHATWG split leads to HTML5 as a living standard.

Design Paradigms (1990s-Today)

Frontend design matured from table layouts to responsive, systematized design with tokens and components; tools like Figma bridged design and development.

1990s

Table-based layouts and spacer GIFs used before CSS matured.

2007

CSS3 adds animations, rounded corners, gradients, shadows.

2010

Responsive Web Design (RWD) coined by Ethan Marcotte.

2011-2013

Flat design (Metro, iOS7) shifts aesthetics toward minimalism and clarity.

2014-2016

Design Systems emerge: Material, Lightning, Carbon with reusable tokens and components.

2017+

Sketch, Figma, Adobe XD integrate design and development workflows.

Styling Architectures & CSS-in-JS (2014–Today)

CSS-in-JS began with dynamic, runtime styling co-located with components, then evolved toward compile-time extraction and SSR/SSG for performance and determinism—echoing server-first eras. Token-driven systems and static extraction (e.g., Panda CSS) bridge DX with predictable CSS output.

2015

CSS Modules popularize locally-scoped class names and build-time composition, reducing global CSS collisions.

2016

styled-components brings CSS-in-JS with tagged template literals and runtime styling co-located with React components.

2017

Emotion offers high-performance CSS-in-JS with strong DX and theming; widely adopted across React apps.

2017

Linaria pioneers zero-runtime CSS-in-JS via compile-time extraction, cutting client-side style cost.

2017

Next.js mainstreams SSR/SSG in React, pushing pre-rendered HTML and critical CSS—an echo of server-first "PHP-days".

2020

Stitches focuses on design tokens, atomic CSS output, and runtime performance with partial static extraction.

2020

vanilla-extract delivers type-safe, compile-time CSS with CSS Variables; no client runtime.

2023

Panda CSS (from the Chakra team) adopts static extraction + design tokens/recipes, marrying utility ergonomics with predictable, tree-shakeable CSS.

2023

React Server Components (RSC) and modern SSR pipelines reduce client JS and runtime styling costs, accelerating shift to compiled styles.

DevOps & Scaling Frontends

DevOps, CI/CD, cloud, and bundlers brought operational discipline and performance focus, blurring lines between frontend and backend while enabling globally distributed architectures.

2010s

Rise of DevOps and CI/CD (Jenkins, Travis CI, GitHub Actions).

2014+

Cloud platforms and Netlify/Vercel simplify frontend deployment.

2015+

Bundlers/compilers: Webpack, Babel, Parcel, Rollup.

2017

WebAssembly (Wasm) released for near-native performance in the browser.

2017+

Jamstack, SSGs like Gatsby, Next.js, Nuxt.js flourish.

Accessibility & Performance (1990s-Today)

Accessibility standards made inclusivity a requirement; performance metrics ensured focus on speed and UX - especially on mobile.

1998

Section 508 amended, requiring accessibility for U.S. federal agencies.

1999

WCAG 1.0 published as the first international web accessibility standard.

2008

WAI-ARIA specs begin, improving accessibility semantics.

2010s

Accessibility becomes core in frameworks/design systems with ARIA and contrast tooling.

2007-2010s

YSlow and PageSpeed Insights introduce performance best practices.

2018

Google Lighthouse and Core Web Vitals provide measurable UX metrics.

APIs & Data Integration (2000s-Today)

APIs turned the frontend into a client of complex distributed systems; REST/JSON made integration universal; GraphQL improved precision.

2000s

REST APIs replace SOAP/XML-heavy approaches.

2010s

JSON becomes the lightweight data format of choice.

2015

GraphQL released, offering flexible queries.

2020s

Frontends consume microservices and edge APIs for real-time, global apps.

HTML-over-the-Wire & Hypermedia Revival (2013–Today)

A counter-trend to SPA-heavy stacks: send HTML fragments from the server and progressively enhance at the edge. This reduces client JS, improves TTI, and revisits hypermedia principles with modern ergonomics.

2013

Turbolinks (Rails) speeds navigation by swapping HTML over the wire without full page reloads.

2018

Stimulus introduces lightweight controllers for progressive enhancement, complementing server-rendered HTML.

2019

Phoenix LiveView streams server-rendered HTML over websockets for interactive apps without heavy client JS.

2020

Hotwire (Turbo + Stimulus) formalizes the HTML-over-the-wire approach for Rails and beyond.

2020

htmx enables hypermedia-driven UIs with HTML attributes—requesting, swapping, and animating HTML fragments with minimal JS.

2020

Laravel Livewire brings server-driven component interactivity to PHP, echoing classic server-first patterns with modern DX.

Realtime Frontend (2000s-Today)

Realtime APIs shifted frontends from request/response to live, stateful experiences across chat, collaboration, trading, and multiplayer.

2011

WebSockets standardize persistent, bidirectional communication.

2011

WebRTC enables real-time audio, video, and P2P data channels.

2010s

Realtime experiences go mainstream in web apps.

Beyond the Browser (2011-Today)

Web skills now target desktop and mobile via Electron and React Native; PWAs show the web can compete with native app capabilities.

2011

PhoneGap / Apache Cordova enable web apps inside native wrappers on iOS/Android.

2013

Electron allows packaging web apps as cross-platform desktop applications.

2015

React Native brings React's component model to mobile with native APIs.

2016-2019

Progressive Web Apps (PWAs) emerge with installability and offline support.

Today

Capacitor, Expo, and Tauri continue to blur lines between web, mobile, and desktop.

The Rise of the Frontend Developer (2000s-Today)

Frontend evolved into a specialized engineering discipline responsible for performance, accessibility, and product quality - far beyond markup and styling.

  • 1990s - "Webmasters", "developers", and "web designers" handled content, HTML, and servers all at once.
  • 2000s - "Frontend developer" emerges as a distinct role as JS/CSS grow in complexity.
  • 2010s - Conferences, meetups, and open source culture formalize frontend as a profession.

Today (2020s)

Today, frontend engineering integrates frameworks, TypeScript, utility-first CSS, WebAssembly, AI assistants, DevOps, micro frontends, and design systems - driving UX and business value.

  1. 2015+ Richer native Web APIs (Fetch, Streams, Intl, Web Crypto, Temporal) reduce third-party dependencies.
  2. Today React dominates but Vue, Angular, Svelte, and SolidJS are vibrant.
  3. TypeScript adoption explodes; industry standard.
  4. Elm remains a niche but influential typed functional language for frontends.
  5. CSS-in-JS, Tailwind, and utility-first approaches reshape styling.
  6. WebAssembly opens the browser to non-JS languages (Rust, Go, C++).
  7. AI-powered coding assistants (Copilot, ChatGPT) change how frontends are built.
  8. Frontend tied to DevOps, cloud, micro frontends, and design systems.
  9. Privacy & Consent - Cookie banners, consent management, and privacy-first design become unavoidable parts of frontend UX. Developers must balance compliance (GDPR, CCPA) with usability, while avoiding dark patterns increasingly scrutinized by regulators.
  10. Browser Privacy Features - Safari's Intelligent Tracking Prevention (ITP), Firefox's Enhanced Tracking Protection (ETP), and Chrome's upcoming Privacy Sandbox phase-out of third-party cookies reshape how frontends handle analytics, ads, and personalization.

Har 20 års erfaring ledet til dette?!

Alexander
Vassbotn
Røyne-Helgesen