Christian Watson erklärt wie man sich mittels einer Hintergrundgrafik mit Gitternetz und Lineal das layouten erleichtern kann und bietet auch direkt die fertige Grafik zum Download an. Gute Hilfe für die Pixelschubser.
8 Kommentare
Kommentare sind geschlossen.
Auf dem Laufenden bleiben
WordPress- & KI Tipps und -News als E-Mail in deinem Postfach? Dann abonniere einfach den kostenlosen Newsletter.
Neueste Artikel
-
KI-Mentor statt digitaler Beifallspender
KI-Modelle sind zuvorkommend, und genau das ist bei strategischen Entscheidungen das Problem. Ich habe vier Systemprompts gebaut, die ChatGPT, Claude, Gemini und Grok zu kritischen Mentoren machen. Wie sie im Dreier-Tennis mit DeepSeek entstanden sind, worin sich die vier Fassungen unterscheiden und wo ihre Grenzen liegen.
-
WordPress-Plugin: Widgets mit Conditional Tags steuern
Widget Logic war praktisch, aber für meine Hobbyprojekte keine gute Lösung mehr. Deshalb habe ich mit mehreren KI-Modellen einen schlanken Nachfolger entwickelt: Widget Conditional Tags steuert klassische WordPress-Widgets per Conditional Tags, AND, OR und Negation. Bewusst ohne eval().
-
CSS: :first-child & :first-of-type richtig einsetzen
:first-child und :first-of-type werden häufig verwechselt. An kleinen Beispielen zeige ich, worin der Unterschied liegt und wie du mit CSS tatsächlich das erste Element mit einer bestimmten Klasse ansprichst.


da sieht man’s mal wieder – die einfachsten ideen sind oft die besten. auf den trichter mit dem lineal-hintergrundbild wär ich sicherlich von alleine noch lange nicht gekommen 😉
Vielleicht hilft auch Measure It dem geneigten FireFox-Benutzer.
Der Simon
Auf dem Mac gibt es das Programm FreeRuler. Allerdings zaubert es nicht so schöne Gitternetze, sondern arbeitet nur als Lineal.
measure it kenn ich, hab ich auch ntegriert. das taugt aber nur zum nachmessen und nicht direkt zum layouten, und vor allem muss man es erst immer einschalten. daher find ich die idee mit dem beackground eigentlich pfiffiger.
Ge-Linkt 29-07-06…
New Links / 29-07-06
……
Ich bin nunmehr ein Raster-Man…
Am Bildschirm sind 2cm eine sehr sehr relative Längenangabe. Dank zahlreicher Browserbugs gilt das gleiche leider oft auch für eigentlich so eindeutige Anweisungen wie 20 Pixel.
[…] Am Bildschirm sind, wir kennen das Problem, 2cm eine sehr sehr relative Längenangabe. […]
[…] Am Bildschirm sind 2cm eine sehr sehr relative Längenangabe. Dank zahlreicher Browserbugs gilt das gleiche leider oft auch für eigentlich so eindeutige Anweisungen wie 20 Pixel. Über Perus Weblog fand ich nun kürzlich etwas, das bei derartigen Fragen Abhilfe verspricht: […]