#webentwicklung

Alle Inhalte mit dem Schlagwort #webentwicklung

Lesezeichen mit der Pocket API nach 11ty importieren

Veröffentlicht am:

  • Arbeiten
  • #11ty
  • #automatisierung
  • #webentwicklung

Pocket bietet eine API, mit der die gespeicherten Lesezeichen verwendet und angepasst werden können. Diese mache ich mir zu nutzen und speichere die Daten in einem Lesezeichenbeitrag auf stebre.ch. Es werden Lesezeichen mit einem spezifischen Tag berücksichtigt. Nach der Verarbeitung wird der auf Pocket gespeicherte Link archiviert.

stebre.ch: Relaunch und Namensänderung

Veröffentlicht am:
Aktualisiert am:

  • Arbeiten
  • #11ty
  • #branding
  • #content
  • #webentwicklung

stebre.ch: Klammheimlich habe ich ein Relaunch meiner persönlichen Website durchgeführt und zudem noch den Namen geändert. Ich möchte es aber nicht unterlassen dir einen kleinen Einblick zu geben.

Familienverein Wahlen

Veröffentlicht am:
Aktualisiert am:

  • Arbeiten
  • #branding
  • #notion
  • #11ty
  • #webentwicklung

Im ersten Quartal 2021 entstand die Website für den Familienverein Wahlen. Es ist das zweite Projekt, dass ich mit Gatsby umgesetzt habe. Die Anbindung an ein Headless CMS war für mich Première und der Entscheid fiel auf Netlify CMS.

Keep the Footer at the Bottom: Flexbox vs. Grid

Veröffentlicht am:

  • Lesezeichen
  • #css
  • #webentwicklung

Moderne Möglichkeiten wie mit CSS der Footer immer am unteren Bildschirmrand angezeigt wird, egal wieviel Inhalt die aktuelle Seite enthält.

Prevent layout shifts with CSS grid stacks

Veröffentlicht am:

  • Lesezeichen
  • #css
  • #webentwicklung

Layout Shifts sind störende Verschiebungen des Layouts, die durch eine Aktion ausgelöst werden. Dieser Erfahrungsbericht zeigt wie dies mit CSS Grid verhindert werden konnte.

Under-Engineered Responsive Tables

Veröffentlicht am:

  • Lesezeichen
  • #barrierefreiheit
  • #html
  • #webentwicklung

Ein umfangreicher Blogartikel zu responsiven Tabellen mit der Barrierefreiheit im Fokus.

State of CSS

Veröffentlicht am:

  • Lesezeichen
  • #css
  • #webentwicklung

State of CSS ist eine Auswertung einer jährlichen Umfrage zu den Kenntnissen der CSS Möglichkeiten und Eigenschaften.

Inclusively Hiding & Styling Checkboxes and Radio Buttons

Veröffentlicht am:

  • Lesezeichen
  • #barrierefreiheit
  • #css
  • #formular
  • #svg
  • #webentwicklung

Checkboxen und Optionsfelder lassen sich leider nicht so einfach mit CSS gestalten. Sara zeigt auf wie man es mit SVG Grafiken und zudem barrierfrei umsetzen kann.

Grid Garden

Veröffentlicht am:

  • Lesezeichen
  • #css
  • #elearning
  • #webentwicklung

Auf CSS Grid Garden kann spielerisch der Umgang mit Layout Raster (CSS Grid) gelernt werden.

postcss-preset-env

Veröffentlicht am:

  • Lesezeichen
  • #css
  • #webentwicklung

Viele wertvolle Neuerungen in CSS werden mittlerweile von den Browsern unterstützt. postcss-preset-env ist ein spannendes Tool um noch weitere, künftige Möglichkeiten bereits heute zu nutzen.

accessible-pdf.info

Veröffentlicht am:

  • Arbeiten
  • #branding
  • #content
  • #webentwicklung
  • #barrierefreiheit

Die Erstellung von barrierefreien PDF-Dokumenten ist ein leidenschaftliches Thema, mit dem ich mich seit 2014 intensiv beschäftige. In meiner Freizeit pflege und betreibe ich die Website accessible-pdf.info. Dort teile ich meine Erfahrungen und Wissen in Deutsch und Englisch.

Penguin WordPress Theme

Veröffentlicht am:

  • Arbeiten
  • #webentwicklung

Das zweite entwickelte WordPress Theme nannte ich Penguin. Dessen Design ist schlicht und nutzt den sogenannten Masonry-Karten-Stil auf einem grösseren Desktop-Bildschirm.

Git Lernvideos für Beginner

Veröffentlicht am:

  • Lesezeichen
  • #git
  • #webentwicklung

Die Macher von Tower, einem beliebten Git Client, bieten auf ihrer Website zusätzlich Lernressourcen zum Thema Git an. Die Inhalte sind in Englisch und in eBook, Videokurse und Webinar aufgeteilt.

Zwei starke Responsive-Test-Tools

Veröffentlicht am:

  • Lesezeichen
  • #app
  • #webentwicklung

Das Web ist mobil. Es werden täglich mehr User, welche ihre Inhalte mit einem mobilen Gerät im Netz aufsuchen. Aufgrund dessen werden Webseiten vermehrt mit einem anpassungsfähigen Design angeboten. Das englische “Zauberwort” dafür heisst Responsive und bedeutet, dass sich eine Webseite an die Auflösung des Ausgabegeräts anpasst.

AlbinoMouse WordPress Theme

Veröffentlicht am:

  • Arbeiten
  • #webentwicklung

AlbinoMouse war mein erstes WordPress Theme, welches ich entwickelt habe und im offiziellen Verzeichnis auf wordpress.org zur Verfügung gestellt habe.