Blog von Thomas Puppe, Web Developer.

#webdevelopment

Quotes from SmashingConf 2022 in Freiburg

A summary of the conference in one quote per talk

#webdevelopment

Quotes from Fronteers 2019 in Amsterdam

A summary of the conference in one quote per talk

#Webentwicklung

Templating mit JS Template Literals

Wie natives JS Templating mein Suchen-und-Ersetzen im Blog-Generator ablöste

#Webentwicklung

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.

#Webentwicklung

Dark Mode für Websites

Bisher nur experimentell, aber ein schönes Bastelfeature: den MacOS Dark Mode via CSS unterstützen

#Notizen

Notizen Januar 2019

Notizen und Lesetipps für Januar 2019: Performance, Privacy und das vorläufige Ende des Browser War

#Webentwicklung, #High Score

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

Notizen Juli 2018

this-month-I-learned und Lesetipps für Juli 2018: Accessibility für Toggles, Leankoala Testing, und Calm Technology.

#Notizen

Notizen Juni 2018

this-month-I-learned und Lesetipps für Juni 2018: sauschneller WM Ticker, Git Statistiken, und Naming Things.

#Notizen

Notizen Mai 2018

this-month-I-learned und Lesetipps für Mai 2018: Bullshit Jobs

#webdevelopment

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

Notizen April 2018

this-month-I-learned und Lesetipps für April 2018

#

Mein Smarterphone

Man nennt es Blogstöckchen: ein Interview zu meiner Smartphone-Nutzung

#Notizen

Notizen März 2018

Eine Art this-month-I-learned meets Lesetipps meets Notizblock

#Web Development

Front Trends 2017 in Warsaw

A list of talks from the Front Trends 2017 conference in Warsaw, and some remarks.

#Webentwicklung

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.

#News-Watch

Open Source in deutschen Newsrooms

Ein Überblick über Open Source, offene Daten und Development-Blogs aus deutschen Nachrichtenportalen.

#Social Bots

Twitter-Bot-Beobachtung zu #AnneWill

Social Bots sind aktell ein großes Thema. Zu Recht? Ich habe am Sonntag

#web development

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!

#Webentwicklung

URL-unshortening

Auflösen von bit.ly, fb.me und co im großen Stil

#News-Watch

Online-Aufmacher nach dem Anschlag in Berlin

Die Aufmacher der großen Online-Medien zwei Tage nach dem Anschlag im Vergleich

#Webentwicklung

Das Anti-agile Manifest

Wie klingt es, wenn man das agile Manifest umkehrt?

#News-Watch

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?

#Webentwicklung

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.

#Webentwicklung

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.

#Webentwicklung

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.

#Webentwicklung

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.

#Webentwicklung

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.

#Webentwicklung

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!

#Webentwicklung

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.

#Webentwicklung

Twitterdaten mappen mit Leaflet

Meine Sammlung von Tweets zum

#Webentwicklung

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.

#Bundestwitter

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?

#Web-Entwicklung

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.

#Web-Entwicklung

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.

#Daten-Visualisierung

VISUALIZED.iO Berlin 2013

Eine Zusammenfassung der Themen auf der VISUALIZED.iO Konferenz 2013 in Berlin.

#Web-Entwicklung

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.

#Bundestwitter

Wie twittern Politiker?

Ein Überblick über das Twitter-Verhalten der MdB und der Wahlkämpfer der niedersächsischen Landtagswahl 2013

#Web-Entwicklung

domain.de+ auf Google+ Profil umleiten

Weiterleitung von thomaspuppe.de/+ auf das Google-Profil via .htaccess