Wir schreiben das Jahr 2023, und ich habe heute mal wieder eine Mail mit einem Attachment namens winmail.dat
bekommen. Manche Dinge leben ewig …
Sie sehen alle Beiträge zum Thema
Tools
Beiträge zu nützlichen Tools, z. B. Editoren
- Bücher (29)
- CSS-Grundlagen (18)
- CSS-Layout (10)
- HTML (16)
- HTML + CSS (22)
- Social Media (5)
- Sonstiges (9)
- Tools (23)
- Videokurse (23)
- WordPress (39)
iPad, Screenshots und WordPress
Zum Geburtstag habe mir ein iPad Air 5 mit Magic Keyboard (und Pencil) geschenkt, und seitdem verlagern sich auch viele WordPress-Tätigkeiten vom Mac auf das iPad. Doof fand ich dabei bisher das Hochladen von Screenshots aus der Fotos-App, aber auch dafür gibt’s einen einfachen (und guten) Workaround.
Tolle Typografie-Website: »Modern Font Stacks«
Wenn Sie die Vorzüge schneller Systemschriften schätzen, aber nicht alles immer mit System UI gestalten möchten, ist ein Besuch auf Modern Font Stacks definitiv eine gute Idee.
macOS: Fenstergröße definieren und zentrieren
Mein Anliegen bestand aus zwei an sich simplen Wünschen:
- Ein Programmfenster auf eine bestimmte Größe wie 1280 x 720 festzunageln
- Dieses Programmfenster auf dem Bildschirm zu zentrieren
Das würde das Aufnehmen von einfachen Videos auf einem iMac im Alltag ganz erheblich erleichtern: Fenster öffnen, in gewünschter Größe zentrieren und aufnehmen.
Der »CSS Snapshot 2022«
Alle paar Jahre veröffentlicht die für die Entwicklung von CSS verantwortliche CSS Working Group (CSSWG) einen CSS Snapshot, eine Momentaufnahme und Referenz, an der Webentwickler und Browserhersteller sich orientieren können.
Visual Studio Code mit Brackets-Farbschema
Brackets fand ich klasse, aber inzwischen ist Visual Studio Code mein Standardeditor.
In diesem Beitrag zeige ich Ihnen, wie man dem hellen Standard-Theme von Code das Brackets-Farbschema zur Syntaxhervorhebung von HTML und CSS verpasst. Das sieht einfach besser aus …
Visual Studio Code direkt im Browser
Microsoft eine browserbasierte Light-Version von Visual Studio Code veröffentlicht:
… when you go to vscode.dev, you’ll be presented with a lightweight version of VS Code running fully in the browser. Open a folder on your local machine and start coding.
vscode.dev
Ohne lokale Installation. Visual Studio Code läuft direkt im Browser, und man kann ganz normal einen lokalen Ordner öffnen und den Quelltext bearbeiten. Ideal zum Testen von Code (im doppelten Sinne).
Safari 15 und die Tabs. Mit Update für Safari 15.1.
In der fünfzehnten Safari-Version gibt es einige grundlegende Änderungen wie z. B. Tabgruppen und ein kompaktes Layout mit Tabs und Adressleiste in einer Zeile. In diesem Beitrag beschreibe ich die wichtigsten Änderungen auf macOS und iOS und besonders geräteübergreifend finde ich sie ziemlich gut.
Happy Birthday, Contao.
Am 12. März jährt sich der Geburtstag von Contao zum 15. Mal. Zeit für einen kurzen Rückblick auf das erste Kennenlernen.
3 wirklich gute kostenlose Editoren für HTML und CSS
In diesem Beitrag stelle ich Ihnen die drei beliebtesten kostenlosen Kandidaten kurz vor: Visual Studio Code, Brackets und Atom. Alle drei gibt es für Windows, macOS und Linux und eignen sich hervorragend zum Schreiben von HTML, CSS und auch JavaScript.
Git und Github: »master« wird »main«
Github nennt den Hauptzweig in neuen Repositories nicht mehr master
sondern main
, bestehende Repos muss man aber selber umdöngeln. Nach dem Motto »Selbst ist der Repo-Man« zeigt dieser Beitrag, dass das einfacher geht als befürchtet.
CSS-Tricks – A Complete Guide to Grid
Eines der besten Nachschlagewerke zum »CSS Grid Layout« ist der »Complete Guide« von CSS-Tricks.com.
CSS-Tricks – A Complete Guide to Flexbox
Eines der besten Nachschlagewerke zum »Flexible Box Layout« ist der »Complete Guide« von CSS-Tricks.com.
Eine kurze Geschichte der »CSS Resets«
Dieser Beitrag stellt die wichtigsten klassischen CSS-Resets vor, die jeder CSS-Autor kennen sollte, und zeigt dann noch ein paar interessante, moderne Resets. Auch wenn man einen CSS-Reset heute nicht mehr unbedingt benötigt, lohnt sich die Beschäftigung damit, denn man lernt dabei eine Menge.
Online-Tool zum Ordnen von Farbnamen
Einfache Farbnamen wie black
und white
haben für den Einstieg in HTML und CSS den Vorteil, dass man nichts erklären muss, und zumindest die Grundfarben sind auch in English verständlich. Zum spielenden Kennenlernen von Farbnamen gibt es ein pfiffiges Online-Tool.
Firefox/Mac mit echtem Vollbild
Der Firefox hatte auf dem Mac lange Zeit echtes Vollbild. Es gab zwar einen Vollbildmodus, aber der war eine Mogelpackung: Während im Firefox/Win wirklich alle Bedienelemente verschwanden, blieben auf dem Mac Tab- und Adressleiste immer zu sehen. Aber seit V89 gibt es gut versteckt den Befehl Symbolleisten ausblenden
, der ein echtes Vollbild möglich macht.
CSS-Grid: auto-fill und auto-fit
Die immer lesenswerte Sarah Soueidan erklärt, wie man mit Grid responsive Layouts ohne Media Queries erstellen kann.
Tool: Der CSS Grid Generator
Sarah Drasner hat mit dem CSS Grid Generator ein ziemlich geniales Tool erstellt. Kurz das Video anschauen und dann einfach mal ausprobieren.
Über Blog und Beitrag
Manchmal meinen Leute mit »Blog« einen einzelnen Beitrag, und das finde ich ziemlich verwirrend.
Die Statistik und die Browser
Das Jahr nähert sich dem Ende und so habe ich ein paar Minuten mit den Besucherstatistiken von zwei meiner Websites zugebracht. Es hat sich gelohnt.