#web-entwicklung (35)

Seite 1 von 4

Welcome to the new hypercode.de

Heute war es endlich soweit: Wir haben die neue, laaange in Entwicklung befindliche Version der Hypercode-Website gelaunched!

Im Firmenblog beschreiben wir das so:

Nach Monaten des Entwickelns, Textens und der Medien­produktion ist es endlich so weit: Wir freuen uns, euch unsere neue, konsequent weiter gedachte Website zu präsentieren – mit klarerem Profil, mehr Farbe, neuem Showreel, neuen Leistungs­seiten, zahl­reichen Case Studies und jeder Menge Bewegtbild aus echten Projekten.

Und das war tatsächlich unendlich viel Arbeit: fast alle Texte wurden neu geschrieben, alle Assets (die jetzt fast ausschließlich Bewegtbild enthalten) neu produziert, alle Kund*innen mussten ins Boot geholt werden, das Showreel musste erdacht, komponiert und geschnitten werden, und und und. Und in meiner Funktion als ½ Head of Hypercode war ich natürlich, oft feder­führend, an all dem beteiligt.1

Jedenfalls: Ich bin ganz schön stolz auf das, was wir da erarbeitet haben. Hypercode und unsere Arbeit wird endlich (wieder) up-to-date repräsentiert und die Bandbreite unserer Expertise toll erfahrbar gemacht. Zwischendurch gibt’s einige Easter Eggs zu entdecken, denn – Überraschung! – auch Business-Auftritte dürfen Spaß machen, finden wir. Von daher: schaut gerne mal vorbei.

Und wenn ihr Feedback habt, gerne her damit! 🙏

  1. Mal sehen, was ich jetzt mit den neuen, frei gewordenen kognitiven Kapazitäten anfange? Oft fällt man ja einfach in ein Loch. 🙈 []
Hypercode | Digital Product Studio aus Köln | OpenGraph Preview Image
hypercode.de

Hypercode | Digital Product Studio aus Köln

Hypercode ist ein Digital Product Studio aus Köln. Wir konzipieren, gestalten und entwickeln digitale Produkte mit modernen Web-Technologien für Unternehmen aller Größen.

xkcd’s Dependency als Physik-Demo

GIF eine Screencasts der xkcd-Dependency Physik-Demo, in der also selbstredend alles zusammenbricht.

Craig S. Kaplan, Informatikprofessor and der University of Waterloo, hat das berühmt-berüchtigte xkcd-Comic „Dependency“ via p5.js und matter.js zu einer Physikdemo gemacht, wie er auf Mastodon schreibt:

In my online undergraduate P5.js course, students are about to begin the module on motion and physics, including a bit of physics simulation using Matter.js. It suddenly occurred to me that I had never seen anybody put together this particular demo before, and I realized it had to be done.

x86CSS

x86CSS is a working CSS-only x86 CPU/emulator/computer. Yes, the Cascading Style Sheets CSS. No JavaScript required.

What you’re seeing above is a C program that was compiled using GCC into native 8086 machine code being executed fully within CSS.

Lyra Rebane hat einen x86 CPU Emulator in – Trommelwirbel 🥁 – CSS gebaut, was absolut verrückt ist. Also im positiven Sinne. Dass das überhaupt geht und das zu machen.

Is CSS a programming language?
– Do you really need to ask at this point?

Und die Demo nutzt #rebeccapurple als Farbe. <3 (via Waxy.org)

x86CSS | OpenGraph Preview Image
lyra.horse

x86CSS

x86CSS is a working CSS-only x86 CPU/emulator/computer. No JavaScript required!

„Nothing can kill jQuery“

Unglaublich, aber wahr: jQuery existiert noch und ist in der vorletzten Woche in Version 4.0 erschienen. In der aktuellen Ausgabe des Bytes-Newsletters („Your weekly dose of JS“) heißt es dazu – neben der obigen Überschrift – sehr passend:

It doesn’t matter how many fancy coding agents or next-gen frameworks you throw at it — the $ God remains eternal. And it just celebrated its 20th birthday in style last week by dropping jQuery 4.0 out of nowhere.

Bis 2016/17 war es ein elementarer Bestandteil eines jeden Frontend-Entwickler-Skillsets, jQuery in- und auswendig zu kennen, gar zu beherrschen. 2006 als Library gestartet, die die unterschiedlichen JavaScript-Browser-APIs unter einem vereinten Interface zusammenfassen sollte, wurde es dank seiner Einfachheit für die Umsetzung von DOM-Manipulationen und Ajax-Requests bis zum Höhepunkt 2019 von 80% der Top-1-Million-Websites genutzt, so Wikipedia.

Ich bin recht froh, dass ich jQuery seit Hypercode-Gründung in 2019 tatsächlich kein einziges Mal mehr im Berufskontext anfassen musste oder ihm begegnet bin. Dafür sind unsere Projekte Evan You sei Dank zu modern.

Wenn ihr jQuery in 2026 immer noch benutzt, macht ihr vermutlich etwas falsch. Schließlich gibt es mit Vanilla JavaScript, also dem standardisierten Umfang unserer liebsten Script-Sprache, eigentlich alles, was das Frontend’ler-Herz begehrt. Spätestens in Kombination mit dem umfangreichen Node- und npm-Ökosystem. Wenn ihr jQuery in 2026 aber immer noch benutzen müsst, dann – auch cool – habt ihr jetzt eine neue Version.

Speaking of Frontend-Entwickler*innen: Bei Hypercode suchen wir gerade alle Ausprägungen davon – Junior, Senior und Werkstudenten. Wenn ihr was braucht oder wen kennt, meldet euch gerne. Sagt mir, ich hab euch geschickt.

Pikaday – A friendly guide to front-end date pickers

David Bushell hat vor über einem Jahrzehnt – als wir im Frontend noch nichts hatten – einen JavaScript-basierten Datepicker gebaut, den auch ich in diversen Projekten eingesetzt hat. Jetzt hat er die Pikaday-Website gegen einen kleinen Guide ausgetauscht, der aufzeigt, dass man 2025 keinen JavaScript-basierten Datepicker mehr braucht, sondern einfach native Funktionen nutzen soll:

Pikaday is no longer a JavaScript date picker. Pikaday is now a friendly guide for front-end developers. I want to push developers away from the classic date picker entirely. Especially fat JavaScript libraries.

Was eine schöne Idee ist, die mehr obsolete Projekte nachahmen sollten.

Pikaday | OpenGraph Preview Image
pikaday.dbushell.com

Pikaday

Who needs a JavaScript date picker? The answer, in most cases, is nobody! Complex UI leads to more errors and abandoned forms. There can be easier ways to pick a date than a calendar widget. This guide provides alternate ideas and aims to send developers on a path towards user-friendly interfaces.

Bad UX World Cup

Build a date picker with bad UX (the worse, the better)

Schöne Challenge von Nordcraft, in der man einen möglichst schlecht zu bedienenden, aber komplett funktionalen Datepicker bauen musste. Gewonnen hat dieser Beitrag von Dalia mit randomisierten, swipebaren Tages-, Monats- und Jahres-Cards; weiter unten gibt’s viele weitere „tolle“ Beiträge.

Bad UX World Cup | OpenGraph Preview Image
badux.lol

Bad UX World Cup

Build a bad date picker and win a shit trophy! Presented by Nordcraft.

Erster Urlaubstag: Die „vor kurzem“ (*hust*) begonnene Migration weg von DomainFactory ist nun endlich abgeschlossen. Nachdem ich in den letzten Wochen alle übrigen Domains wegtransferiert habe, habe ich heute alles plattgemacht und gekündigt. Was irre ist, weil ich deren Dienste seit Januar 2002 genutzt habe.

Tumblr will migrate all of it’s half a billion blogs to WordPress on the backend

We’re not talking about changing Tumblr. We’re not turning Tumblr into WordPress.

This won’t be easy. Tumblr hosts over half a billion blogs. We’re talking about one of the largest technical migrations in internet history. Some people think it’s impossible. But we say, “challenge accepted.”

Nilay Patel on Threads: „And I thought our WordPress migration was complicated“, speaking of The Verge’s recent migration.

Shipping Tumblr and WordPress | OpenGraph Preview Image
automattic.com

Shipping Tumblr and WordPress

Since Automattic acquired Tumblr we’ve made it more efficient, grown its revenue, and worked to improve the platform. But there’s one part of the plan that we haven’t yet started, which is to run T…

Dark Visitors – A List of Known AI Agents on the Internet

Die Fortführung der ChatGPT-Blockierungs­anweisung. Inklusive per API aktualisierbarer robots.txt und WordPress-Plugin.

Ich weiß noch nicht, was ich von der ganzen Thematik halten soll. Einerseits bin ich ganz klar dafür, dass Informationen, die im Netz veröffentlicht werden, frei verfügbar sein sollen, d.h. auch genutzt werden können. Andererseits missfällt mir natürlich, dass eine technologische und wirtschaftliche Vorherrschaft auf Basis dieser frei verfügbaren Inhalte ohne Consent der Autoren aufgebaut wird. Hm. (via Waxy)

Dark Visitors - Track the AI Agents and Bots Crawling Your Website | OpenGraph Preview Image
darkvisitors.com

Dark Visitors - Track the AI Agents and Bots Crawling Your Website

Get realtime insight into the hidden ecosystem of crawlers, scrapers, and AI agents browsing your website