Über Web, Tech, Games, Art,
Code & Design

12. Mai 2024

Dark Matter – kinetische, Licht- und Sound-Installation in Berlin

Das „Dark Matter“ ist eine Dauerausstellung in Berlin-Lichtenberg. Insgesamt sind hier 7, zum Teil kinetische, Licht- und Sound-Installation zu finden – jede für sich einzigartig. Ich habe schon viele Video- und Lichtinstallationen gesehen, aber die Installationen im Dark Matter begeistern auf neue Art und Weise. Vor allem, weil einige der Installationen kinetisch sind, d.h. einige […]

12. Mai 2024

Street-Art in Berlin

Bei einem Besuch in Berlin, lohnt es sich, die Augen nach Graffiti und Street-Art aufzuhalten. Während es entlang der Bahnstrecken viele klassische Graffitis und Tags zu sehen sind, gibt es einige Hot-Spots an denen neben Aerosol-Art auch Stencils und Paste-Ups zu sehen sind. East-Side-Gallery Die East-Side-Gallery ist ein über 1,3 km langes Stück der Berliner […]

30. April 2024

So erstellst du eine Offline-WebApp (PWA)

Um aus einer Website eine WebApp zu generieren, die auch offline funktioniert, sind 3 Dateien essentiell: „index.html“, „manifest.json“ und der Service-Worker „serviceworker.js“. (Die Dateinamen sind frei wählbar.) In den jeweiligen Files wird folgender Code benötigt: Im HTML: manifest.json serviceworker.js Um auf die WebApp hinzuweisen, kann folgenden Script ebenfalls hilfreich sein:add-to-homescreen.js CSS für iPhone-Notch Damit die […]

29. April 2024

Was ist eigentlich Markdown und wofür kann ich es nutzen?

Markdown ist, ähnlich wie HTML, eine Auszeichnungssprache. Ganz vereinfacht gesagt, kann man mit Markdown Text formatieren – also Headlines kennzeichnen, Bulletpoints, Text fetten, Links einfügen etc. Die Syntax ist hierbei bewusst einfach gehalten. Das hat den Riesen-Vorteil, dass der Text, auch wenn kein Markdown-Reader installiert ist, mit einen einfachen Text-Editor trotzdem problemlos lesbar ist. Hier […]

29. April 2024

Viele Bilder automatisiert verkleinern

Wer sowohl im Print- als auch im Webbereich arbeitet, kennt das Problem: Wenn Dateien aus dem Drucksachen übernommen werden sollen, sind sie in der Regel viel zu groß und liegen ggf noch als tif vor. Das manuelle Verkleinern & umspeichern aller Bilder ist nervig und zeitaufwändig. Mit dem Automator, der auf jedem Mac installiert ist, […]

24. April 2024

Self-hosted Dropbox-Alternative: Nextcloud

Hier hatte vor einigen Tagen schon eine Dropbox-Alternative ohne Cloud vorgestellt. In diesem Artikel geht es geht es um eine weitere Alternative: Nextcloud. Nextcloud kann, genau wie Dropbox, Ordner auf mehreren Rechnern synchronisieren, nutzt hierfür aber einen Webserver (die „Cloud“). Der größte und entscheidende Unterschied zu Dropbox ist allerdings: Nextcloud kann auf dem eigenen Webserver […]

24. April 2024

add-to-Homescreen.js

Mit dem JavaScript „add-to-Homescreen.js“ wird ein kleines Info-Fenster eingeblendet, das dazu auffordert, die aktuelle Website auf dem HomeScreen abzulegen. Zur Zeit noch iOS-only. Download add-to-homescreen.zip

21. April 2024

Planet of Lana – Atmosphärischer Puzzle-Platformer

„Planet of Lana“ ist ein bildgewaltiges Jump’n’Run, das im Jahr 2023 zunächst für Windows und XBox erschienen ist. Seit wenigen Tagen ist „Planet of Lana“ auch für die Switch erhältlich. Da das Spiel in einigen Rezensionen als „das bunte Inside“ oder „Limbo in bunt“ bezeichnet wurde, war es sehr wahrscheinlich, dass ich auch an „Planet […]

21. April 2024

INTRCLCK – Ein Uhrzeit-Bildschirmschoner

Hier hatte ich schon geschrieben, wie man Websites als Screensaver für den Mac nutzen kann. Hierzu muss lediglich das zip „WebViewScreenSaver-2.0.zip“ runtergeladen werden: https://github.com/… Unter folgender URL, findest du eine Website, die als Uhrzeit-Bildschirmschoner eingesetzt werden kann: https://www.fbnfrtg.de/rndm/intrclck/

16. April 2024

CSS „:has“ – der heimliche „parent-Selektor“

Ein weniger bekannter, aber in vielen Fällen sehr sinnvoller CSS-Selektor, ist die Pseudoklasse „:has“. So kann z.B. der Abstand nach Headlines, abhängig vom darauffolgenden Element gesteuert werden. Ein konkretes Beispiel, das in der Praxis sehr häufig vorkommt: „Wenn auf eine Headline eine Subline folgt, soll der Abstand 0px sein, wenn aber Fließtext folgt, soll der […]

weiter

Datenschutz Impressum