Ich habe in den letzten Tagen vermehrt mit CodePen gespielt und als jemand, der viel mit Vue.js arbeitet, gedacht, dass das Nutzen von Vue Single File Components eine echt feine Sache in CodePen wäre. Und siehe da: Genau das haben Chris Coyier & Co. vor rund drei Wochen implementiert (allerdings noch nicht ins UI übernommen). → Vue Editor
#web-entwicklung (60)
This page is a truly naked, brutalist html quine.
Quines are programs which output their own source code.
Nice (mis)use of HTML and CSS by Leon Bambrick.
The Super Tiny Compiler
Jamie Kyle vermittelt das Funktionieren eines Compilers – im Quelltext eines Compilers. Tolle Idee.
This is an ultra-simplified example of all the major pieces of a modern compiler written in easy to read JavaScript.
Reading through the guided code will help you learn about how most compilers work from end to end.
GitHub - jamiebuilds/the-super-tiny-compiler: :snowman: Possibly the smallest compiler ever
:snowman: Possibly the smallest compiler ever. Contribute to jamiebuilds/the-super-tiny-compiler development by creating an account on GitHub.
Website Carbon Calculator
How much carbon dioxide does your website produce?
eay.cc kommt auf 0,78 Gramm CO2 pro Seitenaufruf und ist damit umweltfreundlicher als 80 Prozent aller anderen Webseiten.
Why isn’t the internet more fun and weird?
Jarred Sumner ist im Begriff mit Codeblog.app eine Blogging-Plattform und Software zu starten, bei der sich neben Markdown-Text auch React-Code einbinden lässt, um das Netz so wieder „more fun and weird“ zu machen, wie es einst z.B. mit kunterbunten, selbst gestalteten, alles andere als leserlichen MySpace-Seiten der Fall.
During the internet of 2006, consumer products let anyone edit CSS. It was a beautiful mess. As the internet grew up, consumer products stopped trusting their users, and the internet lost its soul.
The internet added <canvas />, but the internet stopped being one.
Gute Idee, diesen DIY-Coding-Geist wieder aufzuleben lassen, und schönes Beispiel dieser Idee in dem verlinkten Blogpost. Sollte man alles auch jenseits von Jareds Codeblog wieder vielmehr tun.
Update, 04.02.: Sascha von PewPewPew ist dem Aufruf nach mehr Weirdness gleich gefolgt und hat sich im obigen, interaktiven Header verewigt1 und mir zukommen lassen. Gerne mehr davon!
- Was übrigens schon Ewigkeiten geht. [↩]
Bookmarklet to get the number of your GitLab contributions in 2018
If you are working with GitLab and are interested in the number of contributions you’ve made this year, here’s a handy, little bookmarklet to calculate your contributions.
→ GitLab Contributions Bookmarklet
- Drag the link above to your browser’s bookmark bar.
- Go to
https://gitlab.com/users/[username]/activity
(replace[username]with, well, your username and, if necessary,gitlab.comwith your custom domain). - Hit the bookmarklet and – voilà – there’s the number of your contributions made in 2018! 🎉

Here’s the JavaScript, if you’re interested or want to run it in your console:
(function() {
var rects = document.querySelectorAll('#activity .js-contrib-calendar rect.user-contrib-cell');
var name = document.querySelectorAll('.user-info .cover-title')[0].textContent.replace(/(\r\n\t|\n|\r\t)/gm,'');
var yearToCount = '2018';
var counter = 0;
rects.forEach((item) => {
var text = item.getAttribute('data-original-title');
var count = text.substr(0, text.indexOf(' '));
if (text.indexOf(yearToCount) > -1 && count !== 'No') {
counter += parseInt(count);
}
});
alert(name + ' did ' + counter + ' contributions in ' + yearToCount + '.');
}())
Atwood’s Law
Atwood’s Law: any application that can be written in JavaScript, will eventually be written in JavaScript.
– Jeff Atwood bereits 2017 auf Coding Horror.
Status 2018-12-09 19:12
Interessante Einordnung von @SwiftOnSecurity zu Microsofts Wechsel von EdgeHTML zu Chromium: Es gehe nicht um den eigentlichen Browser, sondern vielmehr um Electron. „This is the end of desktop applications. There’s nowhere but JavaScript.“
„Volkswagen detects when your tests are being run in a CI server, and makes them pass.“
Hashtag Webentwicklerhumor.
GitHub - auchenberg/volkswagen: :see_no_evil: Volkswagen detects when your tests are being run in...
:see_no_evil: Volkswagen detects when your tests are being run in a CI server, and makes them pass. - auchenberg/volkswagen
What is Brutalist Web Design?
Guidelines for designing websites true to their materials: content.
Schöne Einführung in die Prinzipien des Brutalist Web Design von David Copeland, die auch jenseits von brutalistischen Webseiten beachtens- und erstrebenswert sind.
