#webdev

All content with the tag #webdev

Smoke Free Tracker

Published on:

  • Projects
  • #webapp
  • #webdev
  • #11ty

The Smoke Free Tracker is a webapp which, with a few personal settings, shows you how long you have not smoked and what you have achieved financially and health-wise.

Landing page of the winter market in Wahlen

Published on:

  • Projects
  • #11ty
  • #webdev
  • #webapp

On 30.11.2024 the time has come and the winter market in Wahlen will take place again. I have redesigned the landing page and give you a few insights into the new features.

Importing bookmarks to 11ty with the Pocket API

Published on:

  • Blog
  • #11ty
  • #automation
  • #webdev

Pocket offers an API with which the saved bookmarks can be used and customized. I make use of this and save the data in a bookmark post on stebre.ch. Bookmarks with a specific tag are taken into account. After processing, the link saved on Pocket is archived.

stebre.ch: Relaunch and name change

Published on:
Updated on:

  • Projects
  • #11ty
  • #branding
  • #content
  • #webdev

stebre.ch: I have secretly relaunched my personal website and also changed the name. But I don't want to refrain from giving you a little insight.

Prevent layout shifts with CSS grid stacks

Found on:

  • Bookmarks
  • #css
  • #webdev

Layout shifts are disruptive shifts in the layout that are triggered by an action. This experience report shows how this could be prevented with CSS Grid.

Under-Engineered Responsive Tables

Found on:

  • Bookmarks
  • #accessibility
  • #html
  • #webdev

A comprehensive blog article on responsive tables with a focus on accessibility.

State of CSS

Found on:

  • Bookmarks
  • #css
  • #webdev

State of CSS is an evaluation of an annual survey on the knowledge of CSS possibilities and features.

Grid Garden

Found on:

  • Bookmarks
  • #css
  • #elearning
  • #webdev

CSS Grid Garden is a fun way to learn how to use layout grids (CSS Grid).

accessible-pdf.info

Published on:
Updated on:

  • Projects
  • #accessibility
  • #branding
  • #content
  • #webdev

The creation of accessible PDF documents is a passionate topic that I have been working on intensively since 2014. In my spare time, I maintain and run the website accessible-pdf.info. There I share my experiences and knowledge in German and English.

Penguin WordPress Theme

Published on:

  • Projects
  • #webdev

I called the second WordPress theme I developed Penguin. Its design is simple and uses the so-called masonry card style on a larger desktop screen.

AlbinoMouse WordPress Theme

Published on:

  • Projects
  • #webdev

AlbinoMouse was my first WordPress theme, which I developed and made available in the official directory on wordpress.org.