Lothar „BlogPimp“ Baier ist ein gefragter WordPress-Profi, Web-Frontend-Entwickler und Web-Standardista. Er hat GridEasy verbrochen.
Ich habe die Dokumentation überarbeitet. Sie ist nun auf dem aktuellen Stand passend zur Version 1.1 von GridEasy. Nur noch Eins: Wenn man mehrere verschiedene Rasterweiten in ein Dokument einbauen möchte, so muss man lediglich die entsprechenden Dateien nacheinander laden, z. Bsp: „grid-03.css“ und „grid-08.css“, um in einem Dokument ein 8-Spalten-Raster (etwa für das Menü) und ein 3-Spalten-Raster für den Hauptinhalt zu ermöglichen.
Ach ja, ich habe da noch weitere Ideen für GridEasy, möchte jetzt aber erst einmal einige Projekte mit der aktuellen Version umsetzen. Bis dahin könnt Ihr mir auch gerne Eure Ideen und Wünsche in den Kommentaren hinterlassen.
19 Kommentare
Geschrieben am 5. August 2008 um 09:16 Uhr| Permalink
Hallo,
erstmal Danke für dieses hilfreiche CSS Framework.
Etwas ist mir noch nicht klar: Für was sind eigentlich die „prefix“ und „suffix“ Klassen?
Ich habe das Framework für mich so angepasst, dass ich zwischen den einzelnen Spalten keine „margin“ habe. Stattdessen verwende ich ein zusätzliches DIV „Abstand“ bei Bedarf.
Hat es eigentlich irgendeinen Grund (evtl. Kompatibilität zu best. Browsern), warum du für jede Spalte eine „margin“ hast? Oft braucht man zwar versch. Spalten, aber keinen Abstand zwischen den Spalten – etwa wegen gesplitteten bildern, etc.
Aber nochmals, wirklich super hilfreich dein Framework. Macht echt Spass damit zu arbeiten.
mfg
Geschrieben am 5. August 2008 um 09:59 Uhr| Permalink
@ Michael H. >
„prefix“ und „suffix“ dienen dazu, Lehrräume zu schaffen. Quasi ein leeres Raster. Damit dieses nicht formatiert wird wie ein normales Raster (zum Beispiel Hintergundfarbe oder Rahmen) gibt es diese speziellen Klassen.
Und „margins“ sind eine Grundidee des Grid-Layouts. Sie sorgen für einheitliche Abstände. Und ersparen zusätzliche, überflüssige DIVs. Wenn man Bilder hat, die sich über mehrere Spalten erstrecken, dann ist der Aufbau falsch. Jeder Inhalt hat das Raster, das seiner Größe entspricht. Nur so funktioniert das in allen Browsern und bei allen benutzerspezifischen Voreinstellungen. Spätestens, wenn der Nutzer die Schriftgröße im Browser verändert oder eine Mindestschriftgröße voreingestellt hat, bricht Dir ansonsten die Seite auseinander.
Geschrieben am 5. August 2008 um 11:14 Uhr| Permalink
@BlogPimp
Danke für die rasche Antwort.
Bzgl. margins:
Also ich habe das so für mich gemacht (siehe unten) und kann keine Problem erkenne (auch in versch. Browsern), wenn ich Schriftgrösse, etc. verändere.
TEXT
TEXT
„Spalte 1“ und „Spalte 2“ weisen keinen Abstand zueinander auf. Der Inhalt von Saplte 2 hat aber einen Abstand zum Seitenrand.
Geschrieben am 5. August 2008 um 15:32 Uhr| Permalink
sorry, HTML code scheint zu verschwinden…
hoffentlich klappt es so
div id=“spalte_a“ class=“raster-3-1“
hier kommt der text
/div
div class=“raster-3-2
div id=“abstand
hier kommt der Text
/div
/div id=“spalte_b“
Geschrieben am 24. Oktober 2008 um 10:10 Uhr| Permalink
Hallo,
wie integriere ich denn Grideasy am besten in ein WP-Theme? Einfach nur das deutsche Sandbox-Theme nehmen, und die benötigten css-Dateien aus Grideasy im head-Bereich referenzieren, bzw. in der style.css der Sandbox importieren?
Ein Beispiel würde mir weiterhelfen.
Gruß aus Lüdenscheid
Andreas
Geschrieben am 24. Oktober 2008 um 10:26 Uhr| Permalink
@Andreas>
Les Dir bitte die Dokumentation durch. Da steht genau drin, wie man GridEasy nutzt. GridEasy ist ein Werkzeugkasten, um narrensichere Layouts mit CSS zu erstellen. Und die Nutzung ist immer gleich, egal ob ich eine statische Website mache oder ein Template für ein CMS oder Blogsystem. Um es nutzen zu können, muss man allerdings vorher (X)HTML und CSS können.
Es ist halt wie mit jedem Werkzeug: Der Besitz einer Kelle ist nicht die einzige Voraussetzung, um ein Haus bauen zu können.
Geschrieben am 4. Oktober 2009 um 21:05 Uhr| Permalink
Wir freuen uns darauf, Ihnen lokalisierte Versionen bekannter Programme anbieten zu konnen:
Englisch, Deutsch, Franzoesisch, Italienisch, Spanisch und viele andere Sprachen!
Sofort nach dem Kauf konnen Sie die gewunschten Programme herunterladen und installieren.
Unser Preis.
Windows XP Pro With SP3 – $59.95
Adobe Acrobat Pro 9 – $69.95
Office 2007 Pro – $59.95
Adobe Photoshop CS3 – $79.95
AutoCAD 2009 – $149.95
Wir haben auch noch andere Programm fur Macintosh
Microsoft Office 2004 for MAC – $79.95
Adobe Acrobat 7 Professional for MAC – $59.95
Adobe Creative Suite 2 Premium for MAC – $229.95
Macromedia Dreamweaver 8 for MAC – $69.95
Wir haben mehr 300 verschiedener Programmes fur PC und Macintosh!
Kaufen jetzt, warten Sie nicht!
Geschrieben am 5. Januar 2010 um 22:20 Uhr| Permalink
Klasse, vielen Dank!
Geschrieben am 9. Januar 2010 um 14:45 Uhr| Permalink
Wirklich ein spitzenmäßiges CSS Framework, das du hier gemacht hast!
Geschrieben am 14. Januar 2010 um 17:04 Uhr| Permalink
Klasse Teil!
Geschrieben am 14. Januar 2010 um 18:13 Uhr| Permalink
Wie integriere ich denn Grideasy am besten in ein WP-Theme? Einfach nur das deutsche Sandbox-Theme nehmen, und die benötigten css-Dateien aus Grideasy im head-Bereich referenzieren, bzw. in der style.css der Sandbox importieren?
Geschrieben am 14. Januar 2010 um 18:14 Uhr| Permalink
Tolles Ding!
Geschrieben am 18. Januar 2010 um 14:57 Uhr| Permalink
Wirklich TOP!
Geschrieben am 22. Januar 2010 um 05:18 Uhr| Permalink
Spitzen Blog.
Geschrieben am 22. Januar 2010 um 16:36 Uhr| Permalink
wie integriere ich denn Grideasy am besten in ein WP-Theme?
Wäre dir über eine ANtwort sehr dankbar! VG Carmen
Geschrieben am 22. Januar 2010 um 16:36 Uhr| Permalink
Entschuldige bitte, ich meinte Joomla
Geschrieben am 15. Februar 2010 um 21:31 Uhr| Permalink
Das wurde ich auch gerne wissen
Geschrieben am 1. März 2010 um 17:44 Uhr| Permalink
Sehr schöne sache von dir danke!
Geschrieben am 15. Mai 2010 um 23:51 Uhr| Permalink
pokies crack bonus casino casino game jolly play ecole de formation de croupier perfect game bilge dice contestant in game show twenty one backgammon kauf akademie croupier de functie het een van bet highroller european roulette in las vegas dungeon dice monster download bet365 european roulette strategy gambling machine nickel online slot slot boat deck repair twenty-one your two different pairs of eyes red or black broilers chickens backgammon online onlinespiel delores vig absolute kentucky poker pro globetrotter lay up slot machine bonus yablon bonus rounds free money wishes netherland circus money station curriculumn funny wild greeting cards pontiac big six engines egm new logo elephant crap egm croupier jobs in brighton the bet post reading activities european roulette table century twenty one clothing mountain bike front end handlebars mick jones hard to handle management simple dice game instructions first five planets for the sun flush fever on line double faced street clock game jacks or better team america three kinds of people cash advance cash rebate club harley rake kit are roaches red or black button down cardigan croupier’s tools golf holding hands and arms back pai gow poker rent table