HTML: Links über rel-Attribut absichern

Wenn du auf eine externe Webseite verlinkst und über target=“_blank“ festlegst, dass die Seite in einem neuen Tab geöffnet werden soll, wird empfohlen zusätzlich das Attribut rel=“noopener noreferrer“ zu setzen: Snippet für Visual Studio Code Snippets in Visual Studio Code sind Shortcuts um vorgefertigte Code-Schnipsel einzufügen. Hier die Snippet-Konfig für target=“_blank“ rel=“noopener noreferrer“: Mehr Infos …

Guide: Use Git for deployment

Prepare server Use SSH to get to webspace: ssh user@webspace.host Navigate to correct directory: cd myapp/production Create Git folder: mkdir .git Navigate to the folder: cd .git Init bare repository: git init –bare Create file called „post-receive“ in .git/hooks with this content: Update: It’s important that your „post-receive“ file has the permission to execute. In …

Du brauchst vielleicht kein Framework für deine PHP Web API

Wenn du schon mal mit ASP.NET Web API, bzw. MVC gearbeitet hast und du dir ein ähnliches System in PHP wünschst, bist du hier komplett richtig! Dabei verzichten wir auf komplexe Frameworks und halten alles schön leicht und simpel. Ideal für einfache Web APIs ohne Abhängigkeiten. Inhalt Los geht’s! Der Basis-Controller Unser erster Controller Zurück …

Quicktip: Browser für Create React App definieren

Create React App ist der einfachste Weg, ein React-Projekt zu erstellen. Ein Debug-Server wird bereits mitgeliefert. Mit npm start wird dieser gestartet und die App wird im Standardbrowser des Betriebssystems geöffnet. Doch manchmal möchtest du vielleicht, dass die App in einem anderen Browser geöffnet wird. In meinem Fall nutze ich Safari zwar als Standardbrowser, zum …

Tutorial: Neues React-Projekt mit Uisum

Mit Uisum habe ich eine Library zusammengestellt, die es (ursprünglich in erster Linie mir selbst) erleichtern soll, ein neues Web-App-Projekt mit React zu erstellen. Als Basis nutzt Uisum das beliebte CSS-Framework Bootstrap und liefert eine Reihe an Komponenten, die für moderne Mobile-First-Anwendungen hilfreich sind. Beitragsbild: Pixabay, Quelle: Pexels

Lösung für Twenty Seventeens stockenden Header

Für eine lange Zeit habe ich für diesen Blog eine angepasste Version des WordPress Themes „Twenty Seventeen“ genutzt. Generell finde ich den Theme ziemlich nett, aber es gibt einen kleinen „Bug“ (?), der mich schon länger gestört hat. There’s also an english version of this article on my Medium site. Beitragsbild: Pixabay, Quelle: Pexels

TheFink – Die Plattform für Denker und Macher

Wenn du zur deutschsprachigen Creator-Szene gehörst, hast du eventuell mal etwas von TheFink gehört (wenn nicht, auch nicht schlimm 😉). TheFink ist eine entstehende Plattform im Web für (in erster Linie) deutschsprachige kreative Menschen. Egal ob du gerne entwickelst, Dinge designst oder Musik produzierst. Auf TheFink sollst du die Möglichkeit bekommen, dich, dein Können und …

Mit diesem Hack verbesserst du die User Experience von CodePen

CodePen ist für mich eine geniale Plattformen, um sich inspirieren zu lassen und herauszufinden, was durch Web-Technologien alles möglich ist. Was mich aber störte: die Pen-Gallerie. Gerade wenn man nur kurz in das Ergebnis hereinschauen wollte, dauert es sehr lange, weil die Seite für einen Pen ganz neu aufgebaut werden musste. Dann musste man wieder …

Wie ihr Frosted Glass fürs Web nutzen könnt

Der sogenannte Frosted Glass-Effekt (oder von Microsoft auch Acrylic genannt) ist momentan sehr angesagt. Ich habe auch schon mal ein Video produziert, in dem ich gezeigt habe wie ihr den Effekt mit CSS erzeugen könnt. Leider gibt es mit dieser Technik noch ein paar Probleme, wodurch man sie noch nicht wirklich produktiv einsetzen kann. Ein …