Willkommen auf gedit.NET
-
Artikel
Artikel und Tutorials zu Themen wie Webgestaltung, Webstandards, Webtechniken, Webentwicklung, Accessibility und Usability.
-
Weblog
Liste lesenswerter Websites und Tutorials zu Themen wie Webdesign, Webdevelopment, Webtechniken und Webstandards.
-
Tools
Tools und kleine Helferlein wie CSS-Fontstacks von Systemschriftarten, ein websicherer RGB-Farbraum oder HTML-Zeichenreferenzen
Free HTML/CSS Templates viCard und Helvetica
Nachdem beim Smashing Magazine Typographic Layout Design Contest mein Beitrag viCard (Virtuelle Visitenkarte) anscheinend ganz gut angekommen ist, habe ich mich von Paul Linders Layout Contrast inspirieren lassen und ein Template namens Helvetica, welches ebenfalls stark durch horizontale Linie geprägt ist, entworfen.
CSS Schriftgröße und Zeilenabstand
Das richtige Zusammenspiel von Schriftgröße und Zeilenabstand verbessert die Lesbarkeit und trägt nicht zuletzt zu einem angenehmen und ausgewogenen Erscheinungsbild bei.
HTML Farb- und Zeichenreferenzen
HTML-Farbreferenzen mit RGB- und Hexadezimal-Wert, Namen und Aussehen. HTML-Zeichenreferenzen mit Hexadezimal- und Dezimalangabe, sowie named entities.
Variables CSS-Layout mit verschiedenen Spaltenfarben
Bei der Realisierung eines variablen, mehrspaltigen CSS-Layout mit verschieden Hintergrundfarben stoßen auch erfahrenere CSS-Anwender an ihre Grenzen.
Für den Betrachter soll der Eindruck entstehen, dass die
verschiedenen Spalten unabhängig vom Inhalt,
durchgängig mit
verschiedenen Hintergrundfarben gefüllt sind.
Soll das Layout zudem einer
Vergrößerung der
Schrift (zwecks Barrierefreiheit)
standhalten, bleibt einem nichts anderes über
als mit em-Werten zu arbeiten.
Elemente anzeigen und verbergen mit Javascript
Möchten Sie auf Ihrer Webseite HTML Elemente anzeigen oder verbergen ohne die Seite neu zu laden, dann werden die in diesem Artikel beschriebenen Javascript Funktionen Ihnen eine Möglichkeit aufzeigen.
Dynamische Webseiten mit SSI Templates
Wenn Sie eine Webseite planen, deren Inhalt
sich auf mehrere Unterseiten verteilt, kann es sehr
aufwendig werden
konsistente Elemente, wie Navigation, Footer
oder Teaser zu ergänzen.
Mit einem Template System, dass die
verschiedenen Elemente flexibel einbindet, bekommen Sie ein Werkzeug
in die Hand welches Ihnen viel Arbeit und
Zeit ersparen
kann.
Advance CSS Server Side parsed mit PHP
Was soll Advance CSS Server Side parsed mit PHP bedeuten? Man parsed CSS Dateien Server seitig mit PHP. Die Vorteile dabei liegen klar auf der Hand. Es ist nun zum Beispiel möglich Variablen einzuführen. Variablen für Farben oder geziehlt einzelne Browser anzusprechen.
phpSQLiteCMS HTML Sitemap Smarty Template mit Blätter Funktion
Im Gegensatz zur phpSQLiteCMS HTML Sitemap ohne Blätter Funktion können die Unterseiten unbegrenzt sein, die Sitemap wird gecached und die Unterseiten die per Seite mit der Blätter Funktion angezeigt werden lassen sich beliebig einstellen.
Print Style Sheet mit Druckvorschau
Manchmal ist es notwendig eine Webseite zu
drucken. Untersuchungen haben ergeben, dass Anwender es bevorzugen
lange Texte zu
drucken, um sie anschließend zu lesen.
Anstatt dies unter erschwerten Bedingungen am Bildschirm zu tun.
Gut ist es dann für so einen Fall vorbereitet zu sein. Verwendet
man CSS kann man zum
drucken einen extra Style Sheet erstellen und so seine
Inhalte druckgerecht aufbereiten.
Mit Javascript externe Links in einem neuen Fenster öffnen
Da HTML 4.01 oder XHTML 1.0 Strict im Element A das Attribut target="" nicht gestattet, weichen wir auf eine Methode mit Javascript aus um Links in einem neuen Fenster zu öffnen. Wir erstellen eine externe Datei default.js und binden diese dann im Dokumment ein um den gewünschten Effekt zu erreichen.