#frontend (36)
OpenSC2K, SimCity 2000 build with JavaScript
In unserer beliebten Reihe der JavaScript-Nachbauten von Retro-Software folgt heute nach Winamp und MS Paint ein Spielklassiker, mit dem ich damals unendlich viel Zeit verbrachte: SimCity 2000, nachgebaut mit JavaScript, der HTML5 Canvas API1, SQLite und eingepackt mit Electron.
Update, 24.08.2018: Das Repo steht nicht mehr zur Verfügung → DMCA-Takedown-Notice.
- Die übrigens auch für den interaktiven Header dieses Blogs verwendet wird. [↩]
github.com
GitHub - nicholas-ochoa/OpenSC2K: OpenSC2K - An Open Source remake of Sim City 2000 by Maxis
OpenSC2K - An Open Source remake of Sim City 2000 by Maxis - nicholas-ochoa/OpenSC2K
JS Paint, Microsoft Paint build with JavaScript
JS Paint is a web-based remake of MS Paint by Isaiah Odhner. You can check out the project on Github.
Vorher auf eay.cc: Winamp, nachgebaut mit JavaScipt.
A Single Div
Each drawing is a single HTML element (the beloved div) and a whole bunch of styles.
Developer Tools aufmachen und staunen, wie Lynn Fisher das gemacht hat.
Update, 29.12.: Gerade erst entdeckt: Auf Lynns Webseite unbedingt die Browserfenstergröße verändern. 😍
Infinitown, WebGL-Demo einer unendlichen Stadt
This WebGL experiment is an attempt to create a procedural city that feels alive and is fun to watch. First, we generate a finite grid of random city blocks. Then, using some tricks, the viewpoint wraps around this grid, which creates the illusion of an endless cityscape.
Tolle Arbeit von Little Workshop aus Paris. (via Adactio)
Short Trip
Short Trip is the first instalment in a collection of interactive illustrations created for the web. It has been created as a study into capturing the essence of graphite on paper within a digital context, and to learn more about web-based graphics technologies. Short Trip will run on most devices supporting WebGL, including mobile devices.
Sehr tolle und beeindruckende Arbeit von Alexander Perrin. (via Waxy)
Winamp2.js
Jordan Eldredge hat Winamp 2 in HTML5 und JavaScript nachgebaut. Funktioniert überraschend gut (soweit ich das mit der mitgelieferten MP3-Datei testen konnte, weil sich herausstellte, dass ich 2017 nur noch auf Streaming setze und keine lokalen MP3-Dateien mehr am Mann habe). Jetzt noch ne Electron-App draus bauen und wir haben unser aller Lieblingsplayer wieder. 😎
Matt Mullenweg: On React and WordPress
Interesting development in the WordPress community: After creating it’s modern, React-based Calypso interface in 2015, Automattic and the WordPress team are now parting ways with React, because of a patent issue in it’s license. They are going to rewrite their upcoming Gutenberg editor with a new, yet to be chosen JavaScript framework, which then should become the new standard for WordPress.
While Preact, a lightweight React alternative with the same API, would be the obvious replacement, a majority of the community prefers a switch to Vue.js. An opinion I highly support. I had the opportunity to learn and work with Vue.js in my day job and for shortfil.ms 2.0 in the last couple of months and I’m hooked. I think it’s right up WordPress‘ alley, because it’s an easy to learn, yet powerful framework and could be a perfectly fitting foundation for modern front-end development with WordPress in the years to come.
TL;DR: +1 for Vue.js
Swiss in CSS
Swiss in CSS is a homage to the International Typographic Style and the designers that pioneered the ideas behind the influential design movement. All posters were recreated and animated with CSS by Jon Yablonski.
„You must go offline to view this page.“
Sehr coole Idee von Chris Bolin. (via Daring Fireball)