Hinweise 
Pointers 
Alle Gewinner 2006
CSS Zen Garden
A demonstration of what can be accomplished visually through CSS-based design.
Today, we must clear the mind of past practices. Web enlightenment has been achieved thanks to the tireless efforts of folk like the W3C, WaSP and the major browser creators.
The css Zen Garden invites you to relax and meditate on the important lessons of the masters. Begin to see with clarity. Learn to use the (yet to be) time-honored techniques in new and invigorating fashion. Become one with the web.
This is a learning exercise as well as a demonstration.
www.csszengarden.com
Liste der Sprachversionen
| Content: | * | Technik: | *** | Optik: | *** |
Oppis World
Ein sehr (SEHR) umfangreiches Web-Projekt mit vielen Rubriken. Meilensteine der Filmgeschichte, Weltwunder, Erfindungen, politische Epochen, ein Kalender mit Geburtstagen und Ereignissen des aktuellen Tages, Photogalerien, Poesie, Buchbesprechungen, Leben und Werk von Christian Morgenstern, Seemansgarn und andere Geschichten. Und wer meint, nicht schon genug gelesen zu haben, der kann auch mitwirken - von den TOP 10 der Filmklassiker, Lieblingsautoren, Spekulationen ("Was wäre wenn ..."), die TOP 10 der bedeutendsten Persönlichkeiten der Weltgeschichte bis hin zum Versand von kostenlosen Grußkarten.
| Content: | *** | Technik: | *** | Optik: | ** |
Michael Jendryschik
Auf dieser Website werden Inhalte zu den Themen Webentwicklung und Usenet präsentiert. Der größte und wohl bestbesuchte Teil dieser Website ist eine Einführung in XHTML, CSS und Webdesign, ein an den W3C-Standards orientiertes Sprachtutorial, ergänzt um allgemeine Einführungstexte zum WWW und W3C, um Software-Hinweise und Buchtipps. Im Bereich Webentwicklung finden sich weitere Artikel zum Thema, ein umfangreiches Glossar sowie deutsche Übersetzungen diverser internationaler Artikel.
| Content: | *** | Technik: | *** | Optik: | * |
Die Schatzwächter
Hier handelt es sich um einen privaten Zusammenschluß von Interessierten, die versuchen, Fairness und Respekt in den Weiten des Internets zu unterstützen. Erläutert und diskutiert werden Themen wie Online- und Urheberrecht, Bandwidth-Stealing oder der sog. Traffic-Klau. Gleichzeitig soll Anbietern, die sich ernsthaft mit dem Thema Urheberrecht befassen und es bei der Gestaltung ihrer Website berücksichtigen, eine Möglichkeit gegeben werden, dies auch nach außen deutlich zu machen.
Der erste (etwas magere) Eindruck täuscht - die Site gewinnt mit jedem Klick an (Informations-)Tiefe, und spätestens beim angeschlossenen Forum muß man aufpassen, nicht jedes Zeitgefühl zu verlieren.
| Content: | *** | Technik: | * | Optik: | * |
Kogakure
"Ninjutsu ist nicht für die Befriedigung persönlicher Wünsche gedacht. Der Ninja beschäftigt sich mit seiner Kunst, weil er gezwungen ist sein Land, seine Führungspersonen oder seine Familie zu beschützen. Wenn du Ninjutsu nur für die Erfüllung persönlicher Wünsche betreibst, werden dir deine Techniken nicht nützten." - Momochi Sandaju
Das Wort, das die geheimnisvollen Schattenkrieger beschreibt, kann nicht direkt in nicht-japanische Sprachen übersetzt werden. Der Wortteil „Nin“, der auch in „Ninja“ und „Ninjutsu“ zu finden ist, wird „Shinobu“ ausgesprochen. Er bedeutet Ausdauer, Beharrlichkeit und Unterlassung in einem. „Nin“ hat eine Bedeutung im Wörterbuch und kann Heimlichkeit, Verschlossenheit oder Verborgenheit bedeuten. „Jutsu“ in Ninjutsu bedeutet soviel wie Kunst, „Ja“ in Ninja bedeutet Person.
Das Schriftzeichen „Nin“ besteht aus zwei anderen Zeichen, und zwar aus „yaiba“, was soviel wie Klinge bedeutet und „kokoro“, dem japanischen Wort für Herz.
Die Konstruktion des Schriftzeichens weist darauf hin, dass das Herz, oder der Wille auf Pfade gelenkt wird, die Beherrschung über die Klinge als Werkzeug bringen. Im weiteren Sinne meint es in Kontrolle über den eigenen Körper, der Seele und die Empfindung darüber, was richtig und was falsch ist.
| Content: | *** | Technik: | *** | Optik: | *** |
Timo Wuerz
Die Portfolio-Site eines jungen Künstlers aus Hamburg.
Mit 20 Jahren erstes Comicalbum „Aaron und Baruch“ mit Niki Kopp als Autor veröffentlicht. Ein Dutzend mehr folgten bei verschiedenen Verlagen, u.a. einige beim Carlsen Verlag, Deutschlands grösstem Comicverlag wie etwa die viel gelobte Serie „XCT“. Es erschienen auch anständige Bücher mit seinen Illustrationen. Auch sein erster Bildband. Und Kinderbücher. Seine Bilder zieren unzählige CD- und Buchcover in In- und Ausland. Mit 20 Jahren begonnen, als freier Designer und Künstler zu arbeiten, weltweit Arbeiten für kleine und riesige Firmen, Corporate Design, Spielzeug, Magazinillustrationen, Briefmarken, Poster, Produkt-, Film- und Architektur-Design und Gestaltung von Themenparkattraktionen. Kurz: alles, was ihm in die Quere kommt und sein Interesse hervorruft.
| Content: | ** | Technik: | ** | Optik: | *** |
Satt / SuKuLTuR
Die Autoren von satt.org sichten Comics, Bücher, Filme und Musik, besuchen Konzerte, gehen ins Kino – und liefern anschließend Hirnfutter für informationshungrige Kulturfreunde.
Es gibt die Rubriken Comic, Film, Musik, Kunst, Gesellschaft und Freizeit, die neben den zahllosen Rezensionen und Artikeln auch reichlich weiterführende Links liefern. Der Schwerpunkt der Berichte liegt auf Künstlern und Kulturschaffenden, die jenseits der breiten Massenkultur tätig sind.
Die Macher dieses herausragenden Kultur-Portals sind auch die Gründer des Berliner SuKuLTuR Verlags, der sich bereits seit den 90er-Jahren um alternative Kunstformen verdient macht.
| Content: | ***** | Technik: | ** | Optik: | ** |
tjkdesign
A website by Thierry Koblentz, with tons of information, tutorials, how-to's, templates and more, all about accessibility, CSS and related. Some of his stuff needs to be paid for, but that's ok, you'll still find hours and hours worth of reading and learning for free.
Go to the section "Articles" and find topics like Accessible Photo Gallery, Boiler-plate Accessibility Statement, Navigation links and current location, The perfect FAQ page, User Defined Accesskeys, One clean HTML markup, many layouts, Say no to CSS hacks with branching techniques, Opening popup windows without extra markup, Find out about TIP (an alternative to the FIR method), Three-column fluid CSS-layout, Pure CSS Disjointed Rollovers, The "Sliding Doors of CSS" revisited, CSS-Based Dropdown menu, Everything about Frames, Table Madness, Box Model and other CSS Oddities, Easy Maintenance (SSI, CSS, JS), URI string and "parameters", Null links are bad, bad, bad, MSIE5 Mac and Floats, Cool CSS boxes, Clearing floaters, Spacers [shims] are good, Removing White Space ...
| Content: | *** | Technik: | *** | Optik: | ** |
Andreas-Kalt.de
Diese Website spannt wundervoll den Bogen zwischen persönlicher Präsenz, Blog und professionellen Tips. Im Weblog finden sich regelmäßige Notizen und Gedanken zu Webdesign, Lesestoff und vieles mehr, das dem Autor erwähnenswert erscheint.
Daneben gibt es Buchtips, mit der simplen Forderung, mal wieder ein gutes Buch zu lesen.
In der Rubrik Webdesign findet man Links zu nützlichen Ressourcen im Web, Tutorials zu Webdesign-Themen und Lesetipps zu guten Webdesign-Büchern.
Wer seinen englischen Wortschatz auf Vordermann bringen möchte, kann in den umfangreichen Wörterlisten stöbern, die der Autor sich im Laufe seines Englischstudiums notiert hat.
Das alles kommt in einem sehr ruhigen, augenfreundlichen Outfit daher, mit einem wunderbaren Sinn für Details, und steht unter dem Motto: "Glücklich ist, wer das Wesen der Dinge ergründen kann".
| Content: | *** | Technik: | *** | Optik: | *** |
pixelgraphix
Eigentlich sind Blogs nicht so meine Welt, viele sind mir zu schnell, zu hektisch, viel zu subjektiv, jede Menge Redundanz ... Aber ab und zu landet doch mal eins in meinen Bookmarks. Dieses hier gehört zu meinen liebsten: pixelgraphix!
Es ist die Online-Welt von Grafikerin und Designerin Manuela Hoffmann. Das Weblog informiert über aktuelle Trends und Informationen aus den Bereichen Grafik- und Webdesign und dient als Archiv für Artikel und Tutorials.
Knapp kommentierte Kurznachrichten bietet das Sideblog, Lese- und Tooltipps werden in der Rubrik Tipps veröffentlicht. Verweise auf interessante und sehenswerte Websites bietet die Rubrik Links.
Sehr sehr umfangreich, und immer höchst aktuell.
| Content: | *** | Technik: | *** | Optik: | *** |
Open Source Templates
Open Source Templates was mainly created to support non profit organizations.
If you run a non profit org, and are needing to cut down on the costs associated with website development then you have come to the right place. We offer a wide range of free for personal use or non profit use website templates that are easy to modify and add content to.
We know what it is like to be overwhelmed with technology. That is why we make it our duty to explain what we can do in plain english. All our templates are easy to understand and are valid css and xhtml!
| Content: | ** | Technik: | *** | Optik: | *** |
Reiseberichte um den halben Globus
Auf dieser Website finden Sie Berichte und Bilder von diversen Reisen mit Zielen wie Kambodscha, Malaysia, Myanmar, Singapur, Thailand, Vietnam, Tunesien, Malta, Sardinien, Moskau, St.Petersburg, Barcelona oder Paris.
Die Texte geben eigene Eindrücke, Erfahrungen und Erlebnisse wieder. Auf Fakten, die in jedem Reiseführer zu finden sind, wird zumeist verzichtet. Dafür gibt es viele gute, teilweise sehr ausführliche Infos und Tips zu den bereisten Ländern. Und natürlich Photos satt ...
| Content: | *** | Technik: | ** | Optik: | ** |
Greenpeace-Gruppe Berlin
Die Greenpeace-Gruppe Berlin ist die ehrenamtliche regionale Vertretung der Umweltschutz-Organisation Greenpeace und arbeitet vor Ort in Berlin zu den Umweltthemen von Greenpeace.
Sie befasst sich mit den folgenden Umweltthemen in eigenen Arbeitsgruppen:
- Energie (Energieversorgung, Atomkraft und Klimaschutz)
- Gentechnik (Landwirtschaft, Patente auf Leben)
- Meere (Wale, Fischerei)
- Wälder (Regenwald, einheimische Wälder, Forstwirtschaft und Papier)
Außerdem gibt es Infos zu projektbezogenen Arbeitsgruppen, die sich mit unterschiedlichen Themen beschäftigen. Alles sehr klar strukturiert, übersichtlich und leicht verdaulich.
| Content: | ** | Technik: | *** | Optik: | ** |