Peruns Weblog - Webwork und Internet


Ist das private Weblog von Vladimir Simovic mit Berichten zum Thema Webwork und Internet. Ich wohne in Köln und arbeite als freier Webworker, Blogger und Autor.



Grafik mit Gitternetz als Layouthilfe

Perun am 23. Juli 2006 um 00:16 Uhr

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.

Verwandte Beiträge

Kategorien:
HTML-CSS
Tags:
 
Beitrag:
Trackback-Adresse und die Druckvorschau
Rivva:
Was sagen die Anderen dazu?
Kommentare:
Kommentare verfolgen oder ein Kommentar abgeben

«« Zum vorherigen Beitrag — Zum nächsten Beitrag »»


8 Kommentare »»

  1. 1.CountZero

    Kommentar vom 23. Juli 2006 um 15:51

    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 ;)

  2. 2.der_simon

    Kommentar vom 23. Juli 2006 um 22:15

    Vielleicht hilft auch Measure It dem geneigten FireFox-Benutzer.

    Der Simon

  3. 3.Thomas Schimana

    Kommentar vom 24. Juli 2006 um 10:06

    Auf dem Mac gibt es das Programm FreeRuler. Allerdings zaubert es nicht so schöne Gitternetze, sondern arbeitet nur als Lineal.

  4. 4.CountZero

    Kommentar vom 25. Juli 2006 um 19:08

    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.

  5. 5.BRIGADOON.........2006

    Trackback vom 29. Juli 2006 um 23:45

    Ge-Linkt 29-07-06…

    New Links / 29-07-06

    ……

  6. 6.peterkroener.de

    Trackback vom 30. Juli 2006 um 10:18

    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.

  7. 7.Peterkroener.de » Blog Archive » Rastergrafik als Positionierungshilfe

    Pingback vom 14. August 2006 um 22:03

    [...] Am Bildschirm sind, wir kennen das Problem, 2cm eine sehr sehr relative Längenangabe. [...]

  8. 8.Rastergrafik als Positionierungshilfe

    Pingback vom 09. April 2007 um 16:10

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

Einen Kommentar hinterlassen

XHTML (folgende Tags sind erlaubt): <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> . Kommentar-Vorschau ist aktiviert (Javascript wird benötigt).

Code-Beispiele: damit die Code-Beispiele richtig angezeigt werden müssen die Sonderzeichen maskiert werden (z. B. < zu &lt;).

Live-Vorschau: