https://github.com/manzdev/frontend-evolution

Frontend Evolution timeline (1995-2019)
https://github.com/manzdev/frontend-evolution

css framework frontend html javascript js

Last synced: 2 days ago
JSON representation

Frontend Evolution timeline (1995-2019)

• Host: GitHub
• URL: https://github.com/manzdev/frontend-evolution
• Owner: ManzDev
• Created: 2019-07-06T22:11:46.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2019-07-07T20:30:26.000Z (over 5 years ago)
• Last Synced: 2023-11-07T17:33:03.245Z (about 1 year ago)
• Topics: css, framework, frontend, html, javascript, js
• Size: 6.7 MB
• Stars: 116
• Watchers: 8
• Forks: 7
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# ![Frontend Evolution (1995-2019)](title.png)

[![Frontend Evolution Timeline](frontend-evolution.png)](frontend-evolution.png?raw=true)

### 🌐 Browsers

- [1994] Netscape Navigator [http://browser.netscape.com/](https://web.archive.org/web/20070630143634/http://browser.netscape.com/)

- [1995] Internet Explorer 

- [1995] Opera 

- [2002] Mozilla Firefox 

- [2003] Apple Safari 

- [2008] Google Chrome 

- [2015] Microsoft Edge 

## 🏷️ HTML Ecosystem

### HTML Markup

- [1997] HTML4 

- [2000] XHTML 

- [2004] Markdown 

- [2006] HAML 

- [2010] Handlebars 

- [2010] JADE 

- [2012] HTML5 (*Candidate Recommendation*) 

- [2014] JSX 

- [2015] PugJS (*Previous JADE*) 

- [2017] Lit-HTML 

## 🎨 CSS Ecosystem

### CSS Language & Interaction

- [1996] CSS1 

- [1999] CSS3 

- [1996] Flash 

### CSS Preprocessors

- [2006] Sass 

- [2009] LESS 

- [2010] Sass (SCSS) 

- [2010] Stylus 

### JS Tools & CSS-in-JS

- [2013] PostCSS 

- [2014] Autoprefixer 

- [2014] Browserslist 

- [2014] JSS 

- [2015] CSS Modules 

- [2016] Styled Components 

- [2017] Emotion 

### CSS Methodologies

- [2009] OOCSS 

- [2011] SMACSS 

- [2012] BEM 

- [2013] ACSS 

- [2016] ITCSS 

### CSS Frameworks

- [2006] YUI 

- [2011] Twitter Bootstrap 

- [2011] Foundation 

- [2012] Pure CSS 

- [2013] Semantic UI 

- [2013] Materialize CSS 

- [2014] Tachyons 

- [2015] Milligram 

- [2015] Bulma 

- [2015] UIKit 

- [2017] Tailwind CSS 

## 💻 Javascript Ecosystem

### Third-party & Others

- [1995] Java Applets* 

- [1996] ActiveX [http://activex.microsoft.com/](http://web.archive.org/web/20050930205552/http://activex.microsoft.com/)

- [1996] XML 

- [1997] ActionScript 

- [2004] Adobe Flex 

- [2007] Silverlight 

- [2008] Adobe AIR 

- [2011] WebGL 

- [2015] WebAssembly 

\* *Not Javascript*

### Javascript vanilla

- [1995] Javascript *Not standard yet*

- [1997] Javascript [ES1 Edition](https://www.ecma-international.org/publications/files/ECMA-ST-ARCH/ECMA-262,%201st%20edition,%20June%201997.pdf)

- [1999] Javascript [ES3 Edition](https://www-archive.mozilla.org/js/language/E262-3.pdf)

- [2001] JSON 

- [2009] Javascript [ES5 Edition](https://www.ecma-international.org/publications/files/ECMA-ST-ARCH/ECMA-262%205th%20edition%20December%202009.pdf)

- [2015] Javascript [ES2015/ES6 Edition](https://www.ecma-international.org/ecma-262/6.0/index.html)

- [2016] Javascript [ES2016/ES7 Edition](https://www.ecma-international.org/ecma-262/7.0/index.html)

- [2015] Javascript [ES2017/ES8 Edition](https://www.ecma-international.org/ecma-262/8.0/index.html)

- [2016] Javascript [ES2018/ES9 Edition](https://www.ecma-international.org/ecma-262/9.0/index.html)

- [2017] Javascript [ES2019/ES10 Edition](https://www.ecma-international.org/publications/standards/Ecma-262.htm)

### JS libraries

- [2004] Dojo toolkit 

- [2005] Prototype 

- [2006] jQuery 

- [2006] ExtJS 

- [2007] MooTools 

- [2009] Underscore 

- [2012] Lodash 

### JS superlanguage & transpilers

- [2009] CoffeeScript 

- [2009] Closure Compiler 

- [2011] Traceur 

- [2012] Elm 

- [2012] 6to5 transpiler 

- [2012] Typescript 

- [2015] BabelJS (*previous 6to5*) 

### JS Frameworks

- [2010] Knockout 

- [2010] Backbone 

- [2010] AngularJS 

- [2011] EmberJS 

- [2013] RiotJS 

- [2013] React 

- [2014] Aurelia 

- [2014] Mithril 

- [2014] Marko 

- [2015] Vue 

- [2015] Preact 

- [2016] HyperApp 

- [2016] Angular 

- [2016] Svelte 

### Mobile JS Frameworks

- [2013] Ionic 

- [2014] Native Script 

- [2015] React Native 

- [2018] Vue Native 

### Web Components Ecosystem

- [2011] WebComponents v0

- [2014] Polymer 

- [2016] HybridsJS 

- [2017] WebComponents v1 

- [2018] Lit-Element 

### Build/Bundler Tools

- [2010] NPM 

- [2010] Browserify 

- [2012] Bower 

- [2012] Grunt 

- [2013] Webpack 

- [2014] Gulp 

- [2015] Rollup 

- [2016] Yarn 

- [2017] Parcel 

## 👨‍💻 Author

- 🐦 

- 🏷️ 

- 🎨 

- 💻 

- 🖥️ 

- ⚡