#webdev

All content with the tag #webdev

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:

  • Projects
  • #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.

Family Association Wahlen

Published on:
Updated on:

  • Projects
  • #branding
  • #notion
  • #11ty
  • #webdev

The website for the family association in Wahlen was created in the first quarter of 2021. It is the second project that I have implemented with Gatsby. The connection to a headless CMS was a première for me and the decision was made in favor of Netlify CMS.

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 properties.

Grid Garden

Found on:

  • Bookmarks
  • #css
  • #elearning
  • #webdev

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

postcss-preset-env

Found on:

  • Bookmarks
  • #css
  • #webdev

Many valuable innovations in CSS are now supported by the browsers. postcss-preset-env is an exciting tool to use even more future possibilities today.

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.