Archiv für die Kategorie Tutorials
-
- 13. Mrz 2009
- Kommentare deaktiviert für jQuery – Flash of Unstyled Content
jQuery – Flash of Unstyled Content
-
Seit Ewigkeiten mal wieder ein winziges Tutorial von mir zur Lösung eines durchaus nervigen kleinen Problems. Nutzt man jQuery im großen Stil mit dynamisch geladenen Inhalten und aufwendigerem CSS, kann es zum Effekt kommen, den man Flash of unstyled Content nennt. Der Browser lädt Inhalte, die …
-
- 11. Mrz 2008
- 5 Kommentare
Skript zum Einbinden von RSS-Feeds auf Webseiten
-
Meine Link-List auf der Start-Seite bzw. der dazugehörige Feed, sind nichts anderes, als meine Empfehlungen im Google-Reader. Ein Klick im Reader und die Überschriften erscheinen auch hier. Zwar bietet Google dafür extra eine vorgefertigte Lösung, die mir aber zu aufgebläht in der Struktur un …
-
- 10. Dez 2007
- 1 Kommentar
Google Chart API
-
Man kann über Google so viel schwarzmalen wie man möchte, aber die immer neuen APIs sind immer wieder einfach besser als die Konkurrenz. Die nun offene Chart API ist da keine Ausname. Es ist die eierlegende Wollmilchsau geworden. Einst exklusives internes Tool für Google, steht es nun jedem Anwend …
-
- 29. Mai 2007
- Kommentare deaktiviert für Diagramme im Web – zweiter Teil
Diagramme im Web – zweiter Teil
-
Ich mach es kurz für heute. Was wir hier sehen ist ein 100% freiskalierbares Balkendiagramm, mit leicht geänderter Ausrichtung als das letzte. Was hier so einfach aussieht, hat diesmal wirklich etwas mehr Zeit in Anspruch genommen, dank einer nicht wirklich funktionierenden vertikalen Ausric …
-
- 26. Apr 2007
- 14 Kommentare
Balken-Diagramme im Web-Design
-
Reine Neugier, ein entstehender Eintrag zu WoW und viele schlechte fremde Beispiele, sind Grund für das folgende kleine Tutorial. Diagramme im Web reduzieren sich zu 90% auf hübsch gemachte Bild-Daten. Meist hochkompromierte Jpegs aus höchstkomplizierten Excel-Diagrammen. Solche Daten si …
-
- 10. Apr 2007
- 2 Kommentare
1024.2 – Tanz auf dem Raster
-
Eigentlich sollten die wertvollen Osterfeiertage auch genutzt werden um die neue Gestaltung hier einen Schritt vorran zu bringen, aber wieso oft blieb vom guten Vorsatz nicht viel übrig. Statt dessen kämpften DVDs und ein paar DS-Spiele um meine Aufmerksamkeit. Besonders dieses teuflische Fi …
-
- 05. Apr 2007
- 13 Kommentare
1024.1 – Dokumentation zur neuen Gestaltung
-
Was hier schonmal Erwähnung fand und die rätselhafte Bezeichnung 1024.1 trägt, ist eine Artikel-Serie für die nächsten paar Wochen, mit dem Ziel, dieser Seite einen kleinen neuen Anstrich zu verpassen. Dies ist also der erste Teil, auf dem Weg zu einem funktionierenden 1024 Pixel breitem Webdes …
-
- 07. Nov 2006
- 3 Kommentare
Lightbox-Skript bei AJAX-Inhalten
-
Ich bin immer noch am Rumwerkeln meines Online-Portfolios, nun allerdings nähert sich das Ganze zumindestens funktional der Fertigstellung oder einfach formuliert: es funzt alles. Was hat diese Geschichte nun so kompliziert gemacht?
Das Portfolio ist ein separater Blog in der gleichen Movab …
-
- 09. Aug 2006
- 4 Kommentare
tricky sticky Footer
-
Bei der Arbeit am Portfolio, zeigte sich ein nerviges, altes und immer ignoriertes Problem. Der Footer dieser Div-Struktur klebt leider nicht immer schön am Fuß des Browserfensters… nun ja nun tut er es. Das soll kein episch langer Text werden. Wer bei Google nach sticky footer sucht, erhäl …
-
- 30. Jun 2006
- 3 Kommentare
CSS-Microformats – Trennung von Form, Form, Form und Inhalt
-
Diesmal gibt es ein kleines Vorwort. Der folgende Text hat sich in Minuten vom absoluten Krampf, zu einem Eintrag entwickelt, der die Veröffentlichung hoffentlich wert ist. Ich bitte daher zu entschuldigen, wenn sich das Ganze noch sehr sinnentleert liest, dieser Text war lange Zeit ohne echte S
-
- 22. Apr 2006
- 8 Kommentare
Tutorial: Gestaltungsraster im Webdesign II.
-
„…and second, grids matter a lot in information design. Now you know why I’m so crazy for them.“
Nachdem ich im ersten Teil versucht habe zu erklären, wie Rastergrößen entstehen, soll es in diesem Teil nun um die Anwendung des Gestaltungsrasters gehen. Ich bin mir unsich …
-
- 11. Apr 2006
- 3 Kommentare
Tutorial: Gestaltungsraster im Webdesign
-
Als ich mir damals Gedanken machte, wie die neue Version dieser Seite werden soll, war klar, dass ich ein festes Raster als Grundlage nutzen werde. Mich beeindruckt immer noch, wie viel Ruhe und Ordnung solche Seiten besitzen. Kein Element springt umher und raubt sich einfach den Platz der vorhand …
-
- 30. Mrz 2006
- 1 Kommentar
Photoshop Tutorial – Bildoptimierung
-
Da ich die letzten Tage viele Fotos druckfertig machen musste, dache ich ich nutze die Gelegenheit und halte ein paar Schritte des Vorgangs, in einem neuen kurzen Tutorial fest.
Es ist mitlerweile die Regel, dass Kunden viele der selbstgemachten Schnappschüsse für so gut bewerten, dass diese Fot …
-
- 23. Mrz 2006
- 1 Kommentar
transparente Überschriften
-
Als ich mir damals Gedanken machte, wie die neue Gestaltung werden soll, fand sich im cssZengarden dieses Juwel. Scrollt man diese Seite etwas, wird man schnell sehen worum es hier geht. Das Ganze ist also nicht meiner Feder entsprungen, aber ich fand das damals so gelungen, dass ich diese Methode f …
-
- 13. Sep 2005
- Kommentare deaktiviert für Hintergrundgrafik Tutorial
Hintergrundgrafik Tutorial
-
Ein Leser schrieb mir eine Mail, in der er fragte, wie ich den Background dieser Websitegemacht habe. Diese Mail gibt mir einen guten Anlass, ein neues Tutorial zu eben diesemThema zu schreiben. Im ersten Teil werde ich über die eigentliche Erstellung der Grafikenschreiben und im zweiten Teil übe …
-
- 30. Mrz 2005
- 1 Kommentar
PNG Training
-
Mit dem nun doch kommenden Release vom Internet Explorer 7, wird das Thema PNG endlich neu aufgelegt. Laut Microsoft wird der neue Explorer PNG 100% unterstützen:
"IE 7.0 will feature international domain name (IDN) support; transparent Portable Network Graphics (PNG) support, whi
-
- 31. Jan 2005
- 1 Kommentar
Tutorial – Wicked Worn
-
Auf Wunsch eines Einzelnen (hallo Robert ;o) ), hab ich nun doch meine eigene Version vom „Wicked Worn“ Hype verfasst. Als erstes braucht man ein paar neue Werkzeugspitzen, praktischerweise gibts die hier gleich als Download. Ich mache hier nichts wirklich anderes, als man auf viel …
-
- 13. Dez 2004
- 3 Kommentare
CSS – Font Size
-
CSS Einheiten – das personifizierte Böse ? Ich werde versuchen etwas Licht ins Dunkel zu bringen, allerdings wurde auch zu diesem Thema schon genug geschrieben, so dass ich versuche die Anwendung mehr zu erläutern. Im Prinzip geht es nur um die Frage relativ gegen absolute. Als ich die …
-
- 01. Dez 2004
- 3 Kommentare
Brushed Metall
-
Ein echter Photoshop Klassiker: Brushed Metal. Das erste gute Tutorial hab ich damals 98 im Internet gefunden. Bis heute hat sich absolute nichts daran geändert und dank iTunes und Apples Tiger OS ist dieser Stil wohl zum Mainstream gekommen und „hip(p)“. Also speziell fü …
-
- 09. Nov 2004
- Kommentare deaktiviert für CSS Imagemap
CSS Imagemap
-
Ich dachte ich könnte für das Bild im Header, einen HTML Text Link nutzen, nur leider pixelt Schrift in solcher Größe, sehr unsauber in den meisten Browsern. Das Ergebnis war unakzeptabel. Die Schrift war schnell in das Bild integriert, nur brauche ich immer noch den Link an …