Ich bin ein Frontend & UI Entwickler aus Bremen. Hier schreibe ich Artikel über Webentwicklung, Design, Software, Workflows und was mich sonst beschäftigt.

Du hast Anmerkungen und Feedback zu meinen Artikeln? Dann schreib mir! Ansonsten folgt mir auf Twitter und abonniert mich auf YouTube.

Your Site—Any Site—Should Be a PWA

www.aaron-gustafson.com / Direktlink

PWAs don’t require you use a particular JavaScript framework or any JavaScript framework at all. You don’t need to be building a Single Page App either. In fact, it will probably be easier if you’re not. If you work on a website, there’s a really good chance your site could benefit from the technologies and approaches aggregated under the PWA umbrella:

  • Works on any device (a.k.a. progressive enhancement and responsive design)? Check.
  • Secure by default? Check.
  • Links to any core functionality or content? Check.
  • Easily shared and discovered? Check and check.
  • Better network resilience and faster page loads? Check and mate.

Diese Seite ist uebrigens keine PWA. Aber es steht irgendwo weit oben auf meiner imaginären Roadmap.

A Complete Guide To Switching From HTTP To HTTPS

www.smashingmagazine.com / Direktlink

HTTPS ist ein Must-have. Nachdem eine Wordpress Installation vor einigen Monaten gehackt wurde, habe ich alle meine Domains auf HTTPS umgestellt. Und es ist wirklich einfach - zumindest auf Uberspace. Das Smashing Magazine hat einen sehr guten Guide über den Wechsel geschrieben und jeder der es noch vor sich hat, sollte sich diesen einmal durchlesen und zu Herzen nehmen.

HTTPS is a must for every website nowadays: Users are looking for the padlock when providing their details; Chrome and Firefox explicitly mark websites that provide forms on pages without HTTPS as being non-secure; it is an SEO ranking factor; and it has a serious impact on privacy in general. Additionally, there is now more than one option to get an HTTPS certificate for free, so switching to HTTPS is only a matter of will.

Hint: Eine DIE Fuzzy Search für die Kommandozeile und Vim.

Why headings and landmarks are so important -- A11ycasts #18

www.youtube.com / Direktlink

Ein leider sehr oft vernachlässigtes Thema: Barrierefreiheit. Ansehen und Verstehen.

One of the key goals in building an accessible experience is to make sure users of assistive technology can browse the page efficiently. Proper usage of h1-h6 headings can really improve the browsing experience for someone on a screen reader, because they help the user quickly create a mental outline for the page content. Combine this with HTML5 landmark elements like main and nav, and the user can take advantage of built-in screen reader feature to quickly jump from one section of the site to the next. Today on A11ycasts I'll show you how this works using the VoiceOver screen reader and a few simple examples.

Making tmux Pretty and Usable - A Guide to Customizing your tmux.conf

www.hamvocke.com / Direktlink

Ein etwas älterer Beitrag von Ham Vocke über Customizing von Tmux. Aber immer noch aktuell, vielleicht schaffe ich es irgendwann auch mein Tmux Customizing zu beschreiben:

Judging from the copious blog posts and dotfiles repos on GitHub there are many people out there who feel the urge to make tmux behave a little different; to make it more comfortable to use. And actually it’s quite easy to customize the look and feel of tmux. Let me tell you something about the basics of customizing tmux and share some of the configurations I find most useful.

The invisible parts of CSS

madebymike.com.au / Direktlink

Mike Riethmuller hat einen interessanten Artikel über unsichtbare Eigenschaften von CSS geschrieben. Dies geschah aus der Idee heraus dass viele eigentlich CSS lernen ohne zu wissen, was sie dort eigentlich genau machen. Nämlich versteckte Eigenschaften manipulieren.

You may not have realised it, but the visual results of CSS are often an indirect consequence of manipulating hidden properties. Some CSS properties such as background-color have a direct and obvious relationship with what you see. While others such as display remain ambiguous to many of us because the results seem highly dependant on context.

Frontend Developer Handbook 2017

frontendmasters.com / Direktlink

Das FE Handbook von 2016 fand ich ganz gut, aber dass ich es komplett gelesen habe, kann ich nicht wirklich sagen. Es landete eher im "Ich speichere es mal in meinen Bookmarks und les es später" Haufen. Und dort liegt es bis heute. Ist aber nicht schlimm, denn Cody Lindley hat nun die 2017 Edition veröffentlicht. Und auf den ersten Blick sieht es sehr gut aus.

This is a guide that anyone could use to learn about the practice of front-end development. It broadly outlines and discusses the practice of front-end engineering: how to learn it and what tools are used when practicing it in 2017.

It is specifically written with the intention of being a professional resource for potential and currently practicing front-end developers to equip themselves with learning materials and development tools. Secondarily, it can be used by managers, CTOs, instructors, and head hunters to gain insights into the practice of front-end development.

Ausserdem ist es umsonst kostenlos, schon deswegen einen Blick wert. Ich hab es mal abgespeichert und les es später.

CSS Grid Visualizer in Firefox 52

blog.mozilla.org / Direktlink

Letztens schrieb ich ja bereits dass Firefox in der Dev Version bereits CSS Grids unterstützt. Diese sind nun auch final in der Version 52 gelandet. Zusammen mit einem sehr praktischen Visualizer.

Vielleicht werde ich ja mal in Zukunft meinen Chrome geschlossen lassen und eine Weile Firefox nutzen. Da passiert gerade einiges.

Oh Shit, Git!

ohshitgit.com / Direktlink

Git is hard: screwing up is easy, and figuring out how to fix your mistakes is fucking impossible. Git documentation has this chicken and egg problem where you can't search for how to get yourself out of a mess, unless you already know the name of the thing you need to know about in order to fix your problem.

Dazu ist nicht mehr viel zu sagen. Diese Seite ist sicherlich ein Bookmark wert.