Kategorie

Gecodet

2026

Making of Couchblog: Avatar und Logo

7 Kommentare

Das wandelbare Couchblog-Logo

Während im Hinterzimmer noch gewerkelt und geschraubt wird, fange ich schonmal an, vorne ein paar Kleinigkeiten über das neue Couchblog in den Fokus zu rücken, vor allem für die zahlreichen (hüstel) Leser*innen der Feedversionen des Blogs… die haben ja vielleicht noch gar nicht bemerkt, dass hier wieder mal alles ganz neu aussieht.

Das Logo zeigt zum ersten Mal tatsächlich mich, ich dachte, ich wäre jetzt in dem Alter, da es egal ist, wie ein Mann aussieht und vor sich hinaltert… einerseits. Andererseits bin ich eitel genug, um mich hinter einem Avatar zu verstecken, der mich natürlich viel viel jünger macht, als ich eigentlich bin. Die oder die Avatare habe ich aus dem fantastischen Avatar-Creator (npm) den Fang-Pen Lin gebaut hat, basierend auf der Library von Pablo Stanley. Ich will da gar nicht mehr reininterpretieren als drin steckt, aber mich erinnert das irgendwie an die wunderbaren Zeiten, als wir unsere Freizeit damit zu brachten, Avatare im Stil der Simpsons, im Stil von Mad Men oder im Anime-Style zu generieren. Those were better days. LOL.

Das Logo und das ist jetzt das Feature, gibt es in verschiedenen Ausprägungen: ich habe dem SVG auf unterschiedlichen Ebenen unterschiedliche Münder aka. Gesichtsausdrücke hinzugefügt, die ganz unauffällig tage- und contentweise gewechselt werden. Also bin ich mal gut gelaunt, mal etwas depressiv und relativ oft komplett iritiert von den Dingen über die ich hier blogge. Das passt zu mir und diesem Blog.

Curly quotes

4 Kommentare

Ein KI-Assistent soll Code aufräumen – und baut dabei einen Fehler ein, den er anschließend standhaft als keinen Fehler erkennt. Die Geschichte eines kleinen typografischen Desasters mit großem Frustrationspotenzial. 

2022

Svelte Einsteiger Talk

Nach langer Zeit mal wieder einen kleinen Vortrag bei unserem internen „DevSnack“ gehalten. Erstellt in reveal.js, wie in den guten alten Zeiten. Gibt’s hier auch in groß. 

2012

XHR mit CORS

Manchmal habe ich das Gefühl ich werde langsam alt. Obwohl ich meine, so ziemlich jede neue Technik aus dem Hause HTML5, Javascript und CSS3 auf dem Schirm zu haben, tendiere ich doch zeitweise noch zu konservativer Herangehensweise bei Projekten. Der alte Zwang Browser wie IE7 oder gar 6 unterstützen zu müssen sitzt einem scheinbar als... 

Offline

Apps!!! Als Alternative zur Apptisierung des mobilen Internets wird immer wieder die Webapp genannt. Ebenso oft wird betont, dass native Apps den Webapps in UI und Features überlegen sind. Die Browser holen jedoch langsam auf, z.B. mit der Möglichkeit Geodaten zu lesen, oder auch Zugriff auf eine im Smartphone integrierte Kamera zu erhalten. Und dann... 

Ist das nicht Unsinn?

… habe ich gestern noch gedacht, als ich den dramatischen Aufruf von Daniel Glazman gelesen und verlinkt habe. Das was Glazman in ernsthaftester _Browserwar_rhetorik an die Wand malt, die Beerdigung des CSS-Webstandards durch -webkit, ist das wirklich die Realität? Zunächst einmal die Fakten. Scheinbar ist es so, dass Webentwickler weltweit zu dämlich oder zu faul... 

Kritik an „responsive webdesign”

Ich beschäftige mich ja nun nicht erst seit gestern mit responsive webdesign, aber diese Woche wird scheinbar eine kleine, aber ungeplante Serie daraus. Nun gut. Nachdem ich mich gestern gefragt habe, in welchen Bereichen die Technik noch fortentwickelt werden muss, um für große resp. kommerzielle Seiten interessant zu werden, will ich mir heute einmal die... 

Media Queries und Bilder

Nur für die Akten, eine Art, unterschiedlich große Bilder in den Content zu bekommen… <!DOCTYPE html> <html> <head> <title>H1 Test</title> <style type="text/css"> body { min-height: 500px; } @media screen and (min-width: 680px) and (max-width: 1024px) { h1::before { content: url('img/freude_680.jpg'); display: block; } } @media screen and (min-width: 1024px) { h1::before { content: url('img/freude.jpg'); display:... 

2011

The state of CSS

Da ist ein Eisbär im Raum? Im Moment gibt es wieder viel zu lernen, in Sachen CSS. Da sind zunächst die vielen neuen Dinge, die CSS3 bringt. Durch die derzeit rasante Browserentwicklung, Polyfills oder einfache Fallbacklösungen kann man vieles davon schon heute oder wenigstens morgen gebrauchen. Dazu kommen die Learnings aus einigen Jahren intensiven Einsatzes... 

Prototyp

Ein Prototyp (altgr. protos ,der Erste‘ und typos ,Urbild, Vorbild‘) stellt in der Technik ein für die jeweiligen Zwecke funktionsfähiges, oft aber auch vereinfachtes Versuchsmodell eines geplanten Produktes oder Bauteils dar. Es kann dabei nur rein äußerlich oder auch technisch dem Endprodukt entsprechen. Wenn der Prototyp das Licht der Welt erblickt, dann hat es “Klick”...