Doctype Switching and the Box Model Hack

While developing IE5 for Mac, Tantek Çelik introduces doctype switching, allowing web developers to define which CSS box model to use in modern browsers. To polyfill older browsers, he creates the Box Model Hack, which uses some CSS to define widths for both box models in the same definition.

Amazon Web Services (AWS)

Amazon unveils a set of tools for developers, including an XML API, and calls it Amazon Web Services. At first, these tools allow developers to pull data from Amazon to use on their own site, but it will slowly evolve to become a complete solution for cloud infrastructure and hosting on the web.

The Decade-Long Path to Web Fonts

Wired and ESPN Redesign

Wired and ESPN launch standards-based redesigns just a few months apart, building on the work being down at the Web Standards Project and providing a strong, at-scale example of using CSS for advanced web page layout.

Semantic Wired Redesign

Developers and designers at Wired magazine launch a brand new version of their website with a standards based layout using semantic HTML and CSS. At a time when standards were inconsistent, Wired established an impressive precedent for other web designers to follow.

RSS 2.0

After several years of in-fighting by members of the web community, Dave Winer releases a second version of RSS which adds some minor improvements to the format. After it is released, the New York Times and other publishers syndicate their content with RSS, but backlash from the community leads to the creation of Atom.

Mozilla Phoenix

After years as an experimental branch of Netscape Navigator, Phoenix is unveiled to the Mozilla open source community. Phoenix was a complete rewrite of the existing browser, and was faster, lighter and included the latest web standards.

WordPress

Matt Mullenweg and Mike Little create a fork of the popular blogging platform known as b2, creating the foundation of software that would eventually become WordPress. WordPress would continue to grow and eventually become a full content management system that can be installed on a users server complete with an administration panel, themes and installable plugins.

15 Years of WordPress

The Rise of CSS

CSS Zen Garden

Dave Shea launches CSS Zen Garden. The garden is a collection of user contributed webpages, all with the same HTML, but each with a different CSS stylesheet. The examples on Shea’s site help push the web standards movement forward, and convinces many of the strength of CSS.

Year of A List Apart

Designing with Web Standards

New Riders Press publishes Designing with Web Standards by Jeffrey Zeldman, a handbook that helps designers transition from table-based hacks to HTML and CSS based designs. It offers a pragmatic approach for getting started with web standards and acts as a jumping off point for a lot of web designers.

Atom Syndication Format

After RSS went unchanged for several years, some members of the web community decided to create a new syndication format that was better suited to the growing needs of the web. Atom is released after a few months of discussion on a public wiki, and the format eventually becomes and IETF standard.

Mozilla Foundation

The Mozilla Organization is spun off into a non-profit called the Mozilla Foundation. The group had been operating from within Netscape for some time, but making the organization independent ensured it could continue to operate even if Netscape didn’t.

Myspace

A team at eUniverse unveils Myspace, a social network modeled after Friendster, but with loftier goals in mind. Rather than limit users to connections from real life, Myspace opened the door for a new generation of users to find and connect with digital friends through new digital identities. Myspace would eventually become the most popular site on the web, sell to News Corp for 580 million dollars, before eventually shutting down.

Delicious

Joshua Schachter and Peter Gadjokov launch Delicious, a social bookmarking platform. Delicious is notable for a number of reasons, not the least of which is the introduction of tags, easily searchable keywords attached by the user to every bookmark. In 2005, they would be acquired by Yahoo and eventually change hands a few more times.

Sliding Doors of CSS

Douglas Bowman writes about a new CSS technique that takes advantage of layered background images to create flexible and continuous image-based backgrounds. Bowman uses tabbed navigation for his example, but the technique quickly becomes the basis for unique web designs.

Basecamp

Originally conceived as an internal tool to help manage clients, 37signals launches Basecamp, a platform that helps agencies store contacts, track leads, and gather feedback. It is impressively advanced, built using Ruby on Rails, and takes off soon after its release.

Flickr

Originally a small feature of the massively multiplayer Game Neverending, Flickr is unveiled to the public by Stewart Butterfield and Caterina Fake. The site allows users to share photos with one another, and like, share, and comment on one another’s photos.

What Happens When Yahoo Acquires You

The Many Faces (And Names) of Mozilla

Mozilla Firefox

Mozilla releases it’s new browser, Firefox, after working on its development for almost four years. An open source project, Firefox introduces the latest web standards, and includes the new Gecko layout engine. It represented one of the first major browser advancements in quite some time.

CSS Sprites

Dave Shea writes an article for A List Apart outlining a technique, adapted from 2D game design,  for organizing background images in a single file, and then using the CSS background-position property to retrieve them. This makes web pages more performant and easier to manage.

W3C Web Applications Workshop

Adobe convenes W3C’s Workshop on Web Applications and Compound Documents to discuss the future of web applications. The group votes against extending HTML in favor of the much stricter standard XHTML. After the meeting, frustrated dissenters will create the WHATWG.

A Tale of Two Standards

Web Hypertext Application Technology Working Group (WHATWG) Founded

Representatives from Mozilla and Opera, led by Ian Hickson, form the WHATWG as a response to the direction of the W3C. The new standards body begins with a mailing list and simple charter to discuss how to improve the HTML markup language.

Resolution Dependent Layout

Cameron Adams publishes a new technique on his blog which uses Javascript to detect the resolution of a site visitor’s monitor, and swap out different stylesheets based on the result. This allows designers to change the layout of their site based on resolution, and foreshadows the techniques of responsive web design.

Digg

Kevin Rose, Owen Byrne, Ron Gorodetzky, and Jay Adelson create Digg, a link sharing site that lets users share articles from the Internet which other users can either “digg” or “bury”. The site is a bit of a Silicon Valley darling and quickly secures a strong following and funding, only to fade away years later, in 2012.

First Viral Video

Gary Brolsma publishes “Numa Numa,” which would soon become the web’s first viral video, on Newgrounds. The video features a small clip of Brolsma dancing along to “Dragostea Din Tei” on his webcam, but it’s low-quality authenticity is enough to make it spread out far across the web.

The Power of the Pixel

YouTube

Former Paypal employees Steve Chen, Chad Hurley, and Jawed Karim launch their video sharing platform YouTube. Though it’s capabilities are somewhat limited, eventually YouTube would become the most popular video sharing site on the web. Even early on, it makes videos easy to upload, and includes a cross-platform video player.

Reddit v. Digg: A Difference in Approach

Reddit

Steve Huffman and Alexis Ohanian create Reddit as part of the inaugural batch at Y Combinator. It’s goal was to become the “front page of the Internet,” a goal that it has come close to reaching over the years, with features like post karma and subreddits.

A Mini Browser for the Masses

Opera Mini

Launched as a beta project in conjunction with the Norweigian television station TV 2, Opera Mini could be downloaded to any phone and give that phone instant access to the web. Opera Mini makes use of a proxy server, downloading, optimizing and caching requested web pages before they sent are sent back to users, saving on bandwidth and increasing speed and reliability.

Million Dollar Homepage

Launched by Alex Tew, the Million Dollar Homepage lays out a grid of a million pixels, and sells each to advertisers for a dollar. The site is an early example of an Internet phenomenon that spreads quickly to millions of users.

Making a Framework for the Web

Ruby on Rails

David Heinemeier Hansson creates Ruby on Rails, a Ruby framework that includes tools to quickly develop web applications. The framework is an outgrowth of Hansson’s work on the Basecamp product, and it is released alongside a 15 minute demo video and thorough documentation, helping to bolster its success.

The Unlikely Pioneers of the Early Web

100 Million Websites

The web reaches 100 million total websites, a number that would continue to grow exponentially over the next decade.

iPhone

Steve Jobs and Apple unveil the iPhone at Macworld. It is notable for a number of its technological achievements, not the least of which is a full-featured mobile web browser with the latest HTML and CSS support. Over the years, the iPhone would both influence and be influenced by the web’s development.

Coda

Developed by Panic Software, Coda integrates several disparate tools into a single web editing tool. The software includes access to FTP, a code editor, a command line utility and reference material, all bundled together. The tool becomes a favorite among designers and developers working on several sites at once, in small teams or by themselves.

FFFFOUND!

A side project of Japanese web design agency Tha, FFFFOUND! sends out invites to a handful of users. FFFFOUND! allows users to post images from across the web, and connect them with other pictures through likes and comments. FFFFOUND! would soon gather a loyal following of users looking for inspiration or art.

KompoZer

KompoZer offers an open source WYSIWYG web editing alternative by developer Fabien Cazenave, with a special emphasis on standards-compliant output. Though not advanced as other tools out there, KompoZer does sport integrated HTML validation tools and advanced CSS support. It will eventually be more or less discontinued in 2011.

Purple, Obama, and Single Serving Websites

Single Serving Sites

Jason Kottke gives a name to sites that have a single purpose and a URL that speaks for itself. Kottke was inspired by BarackObamaIsYourNewBicycle.com, and wrote an article gathering similar  examples. From there, the phenomena of single serving sites only grew as more and more were added to the web.

Flexible Web Design

Zoe Gillenwater publishes her book, Flexible Web Design: Creating Liquid and Elastic Layouts with CSS, a compilation of tutorials and techniques for approaching liquid grids and elastic web design. The book becomes a handbook for designers looking to make a switch to more flexible designs.

The Archive Team

Jason Scott rounds up a group of volunteers to help download and archive all of Geocities before it is deleted. In the wake of their successful recovery of Geocities, Scott forms the Archive Team to support a collective archiving effort whenever a site is threatened by deletion.

Pinboard

Pinboard is launched as a lightweight competitor to Delicious by Maciej Cegłowski and Peter Gadjokov (one of Delicious’ co-founders), with a focus on private sharing and a focused feature set. When Pinboard goes up, it’s price is $3, which increases a fraction of a cent each time a user signs up.

Typekit

Small Batch launches Typekit at a time when web fonts in browsers are spotty and uneven. Typekit allows font foundries to sell digital licenses directly to web developers, and gives developers an easy way to embed them on their site. In 2011, Typekit will be bought by Adobe.

Almost (Standards) Doesn’t Count

Internet Explorer 8

IE8 brought with it major improvements in web standards support and security, and was largely celebrated for its advancements. It also was the first browser to support version targeting, allowing developers to toggle which version of IE to render their page in, including older versions, for compatibility reasons.

WOFF File Format

The Web Open Font Format specification is officially submitted to the W3C as an open source format built for the web. WOFF files are specifically formatted and compressed so that file sizes are small and embeddable. One by one, browsers begin implementing the WOFF format.

Responsive Web Design

Ethan Marcotte publishes an article in A List Apart titled “Responsive Web Design” that introduces a revolutionary new approach to CSS layout on mobile devices. It merges fluid grids, flexible images, and media queries to create layouts that respond to the width of the browser. Within a couple of years, responsive web design will become the industry standard.

The (Mostly) Complete History of Layout on the Web Part 1: Liquid Cool

The (Mostly) Complete History of Layout on the Web Part 2: Responsive Design

The Beginning of Black Girls Code

Black Girls Code

Kimberly Bryant creates the non-profit organization Black Girls Code with the goal of getting young minority women excited about computer engineering. The organization runs after school classes, summer camps, and weekend workshops for girls aged 7 to 16, and has programs across the United States.

mlkshk

mlkshk is officially launched by husband and wife Amber Costley and Andre Torrez. It allows users to post their favorite images from the web, and organize them into topics-based “shakes.” Somewhere between a social network and a community, mlkshk offered users a place to share what they loved and discover something new.

CSS Modules

With the release of CSS3, CSS was divided into several different specifications known as “modules”. Each module represented a subset of CSS, such as colors or web fonts, and is operated and maintained by an independent working group, so that each can advance at its own pace.

Adaptive Images

Before even responsive design, there were many proposals for how to support lightweight images on mobile devices, while still keeping desktop images crisp and clear. Adaptive images offloaded that work to the server, and automatically resized image on the fly to always deliver an optimized image.

SOPA

U.S. Representative Lamar S. Smith introduces a new bill, the Stop Online Privacy Act (SOPA), into Congress that is meant to expand the powers of the United States beyond its borders to prevent copyright infringement but is invasive and draconian in its proposed implementation. A similar bill, PROTECT IP Act (PIPA) is soon introduced in the Senate.

The Web Goes on Strike

As a way of protesting SOPA and PIPA, over 7,000 sites “went on strike.” Some sites, like Wikipedia and Reddit, removed their content completely and replaced it with information about how to stop the new laws. Other sites simply added banners or darkened their designs. The protest was successful, and was one of the main reasons the legislation was stopped.

HTML Splits In Two

After working together for a few years, the W3C and WHATWG officially agree to approach HTML differently. The W3C would, from time to time, record a “snapshot” and continue to increment versions of HTML (5, 6, etc). The WHATWG, on the other hand, would adopt a single “living standard,” just called HTML.

Getting to the Picture Element

The Picture Element

The Responsive Images Community Group (RICG) makes a final call for feedback on their proposed specification for the picture element, after years of work and a whole lot of back and forth between standards making organizations and the community. The brand new HTML element allows for lightweight images to be served to mobile browsers.

WaSP Shuts Down

After 15 years of working with browsers and developers on better standards support, the Web Standards Project (WaSP) officially shuts down. With browsers in tune with the standards process and developers understanding their value, the organization is simply no longer needed.

1 Billion Websites

The web crosses over the 1 billion websites mark, only to actually fall back beneath it towards the end of 2014, only to cross the number once again in 2015.

HTML5 Official Recommendation

HTML5 is formally made a recommendation by the W3C. HTML5 adds new syntactic elements and attributes, deeper APIs, and more access to native features. It also includes much broader support for multimedia and web graphics with elements like video and canvas.

General Data Protection Regulation (GDPR)

The EU adopts GDPR as a successor to the Data Protection Directive with further restrictions to the types of personally identifiable information that can be collected online. It specifically requires that websites disclose any data that has been collected and limits how long data can be held. It also enforces a way for users to request their personal data to be completely erased.

Place

An April Fools joke launched by Reddit, Place invites users to change pixels on a large, shared grid. But each user can only edit a single pixel every 5 minutes, meaning cooperation and a massive team effort followed the three days the site was in operation.

Adobe Announces the End of Flash

Adobe announces that as of 2020, they will stop supporting and updating Flash software and players. After the release of the iPhone and other mobile devices sans Flash, much of the web moved away from the technology, though it is still frequently used by indie animators and game developers.

Flash And Its History On The Web