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.
Grafik mit Gitternetz als Layouthilfe
Über Vladimir
Alle Beiträge ansehenVladimir Simović schreibt seit 1998 im Web. 2000 folgten erste Projekte mit HTML & CSS. Seit 2004 nutzt er WordPress und hat damit Hunderte Kundenprojekte umgesetzt. Neben tausenden Blogartikeln hat er auch diverse IT-Fachartikel & mehrere IT-Fachbücher veröffentlicht und Schulungen geleitet.
Schlagwörter: css-tipps


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: […]