Frontend Web Development Adventskalender 2024
Adventskalender mit Frontend Web Development Themen zum Lesen und Selbermachen
Blog von Thomas Puppe, Web Developer.
Latest posts
Quotes from SmashingConf 2022 in Freiburg
A summary of the conference in one quote per talk
Quotes from Fronteers 2019 in Amsterdam
A summary of the conference in one quote per talk
Templating mit JS Template Literals
Wie natives JS Templating mein Suchen-und-Ersetzen im Blog-Generator ablöste
Easto: ein kleiner schneller Static-Site Generator
Um mein kleines Blog zu betreiben, brauche ich keine fremde Software. Einfache Prinzipien und ein paar Node-Module genügen, um mir selbst einen Static-Site Generator zu schreiben. Eine Schritt-für-Schritt Anleitung.
Dark Mode für Websites
Bisher nur experimentell, aber ein schönes Bastelfeature: den MacOS Dark Mode via CSS unterstützen
Notizen Januar 2019
Notizen und Lesetipps für Januar 2019: Performance, Privacy und das vorläufige Ende des Browser War
High Score – Mikrooptimierung mit ... W3C-Validator
In dieser neuen Serie versuche ich, mit meinem Blog verschiedene Website-Testing-Tools zufriedenzustellen. Den Anfang macht der W3C-Validator.
Notizen Juli 2018
this-month-I-learned und Lesetipps für Juli 2018: Accessibility für Toggles, Leankoala Testing, und Calm Technology.
Notizen Juni 2018
this-month-I-learned und Lesetipps für Juni 2018: sauschneller WM Ticker, Git Statistiken, und Naming Things.
Notizen Mai 2018
this-month-I-learned und Lesetipps für Mai 2018: Bullshit Jobs
Generate static sites from markdown files with the Caddy server
Caddy can not only serve files fast and safely. It can also generate static files from markdown, so you dont need a generator.
Notizen April 2018
this-month-I-learned und Lesetipps für April 2018
Notizen März 2018
Eine Art this-month-I-learned meets Lesetipps meets Notizblock
Mein Smarterphone
Man nennt es Blogstöckchen: ein Interview zu meiner Smartphone-Nutzung
Front Trends 2017 in Warsaw
A list of talks from the Front Trends 2017 conference in Warsaw, and some remarks.
Browser APIs und CSS Media Queries
Der Einsatz von Media Queries und Browser APIs beschränkt sich häufig auf min-width und navigator.userAgent. Aber in modernen Browsern gibt es cooles Zeug.
Open Source in deutschen Newsrooms
Ein Überblick über Open Source, offene Daten und Development-Blogs aus deutschen Nachrichtenportalen.
Twitter-Bot-Beobachtung zu #AnneWill
Social Bots sind aktell ein großes Thema. Zu Recht? Ich habe am Sonntag
How to make your shiny new brutalist website brutally fast
Intentionally ugly websites are one of the trends in 2017. What I like most about this: ugly is fast!
URL-unshortening
Auflösen von bit.ly, fb.me und co im großen Stil
Online-Aufmacher nach dem Anschlag in Berlin
Die Aufmacher der großen Online-Medien zwei Tage nach dem Anschlag im Vergleich
Das Anti-agile Manifest
Wie klingt es, wenn man das agile Manifest umkehrt?
News-Aufmacher zur Präsidentenwahl in den USA
Was war der Aufmacher auf deutschen News-Websites rund um das Wahl-Wochenende? Und wer hat den Sieger als erster verkündet?
Single Point Of Failure auf News-Websites
Kaputte Third-Party Scripts können Websites lahmlegen. Ich untersuche einige Nachrichten-Websites auf deren Robustheit gegen dieses Problem.
Inodes im Linux: Volle Festplatte, obwohl noch Platz ist?
Kürzlich fiel mein Bundestwitter-Server aus. Bei der Suche nach der Ursache habe ich einige neue Dinge über Linux gelernt, die ich hier dokumentieren möchte.
Front Trends 2016 in Warsaw: Day 3
Summarizing the third day presentations of the Front Trends 2016 conference in Warsaw, including the Nyan cat, pixel bonding, modern(izer) tools, CSS engineering principles, Origami, offline pages, real programmers and Trojan CVs.
Front Trends 2016 in Warsaw: Day 2
Summarizing the second day presentations of the Front Trends 2016 conference in Warsaw. Todays talks were about components, digital afterlife, tiny JS, typography, knitting and frontend tooling.
Front Trends 2016 in Warsaw: Day 1
Summarizing the first day presentations of the Front Trends 2016 conference in Warsaw. Covering pranks, animations, static sites, RxJS, performance, and leadership.
Eine Single-Page-App minimieren mit Gulp
Unter meetingtimer.biz habe ich eine kleine Web-App. CSS und JavaScript sind so gering, dass ich keine seperaten Requests starten möchte. Gleichzeitig sollen Less und JSLint genutzt werden. Ein wunderbares Einsatzgebiet für Gulp!
Twitterdaten mappen mit Leaflet
Meine Sammlung von Tweets zum
Twitterdaten sammeln mit AWS
Um Tweets zu einem aktuellen Thema zu sammeln, muss man die Twitter Streaming API mitschneiden. In 20 Minuten ist dafür ein kostenloses always-online System aufgesetzt.
Perfekte Link-Unterstreichung
Link-Unterstreichung bei großen Schriftarten wirkt schnell klobig. Mit ein paar Zeilen CSS lässt sich die Seite optisch aufwerten und die Lesbarkeit erhöhen.
Die Unterstützer des @GregorGysi
Gregor Gysi führt in den letzten Wochen die Retweet-Charts von Bundestwitter an. Ist das systematische Unterstützung durch Wenige? Oder eine breite Basis?
Umstellung auf Responsive Web Design - ein praktisches Beispiel
Wie baut man eine einfache Website von nicht-responsive auf responsive um? Eine Schritt-für-Schritt Anleitung anhand dieses Blogs.
doNotTrack Browserübergreifend erkennen
Der doNotTrack Flag des Browsers signalisiert, dass ein Nutzer nicht getrackt werden möchte. Diese Information lässt sich per JS auslesen — jedoch je nach browser unterschiedlch.
Good bye Google Analytics! Good bye Piwik! Hallo AWStats!
Warum ich mein Website-Tracking von Google Analytics über Piwik zu AWStats zurück entwickelte und trotzdem nichts vermisse.
VISUALIZED.iO Berlin 2013
Eine Zusammenfassung der Themen auf der VISUALIZED.iO Konferenz 2013 in Berlin.
Wie twittern Politiker?
Ein Überblick über das Twitter-Verhalten der MdB und der Wahlkämpfer der niedersächsischen Landtagswahl 2013
domain.de+ auf Google+ Profil umleiten
Weiterleitung von thomaspuppe.de/+ auf das Google-Profil via .htaccess