tag:blogger.com,1999:blog-17078781608219801262011-10-06T13:47:06.779+02:00Ich dachte, eine "Mühle" zu können, sei gut. Bis ich den "one hand stick roll" sah. Von anderen lernen, andere lehren, darum geht es hier. Ach ja, und um Web 2.0, Multimedia, Technische Dokumentation und verwandte Themen ;O)Sven Haarkötterhttp://www.blogger.com/profile/05376304617488887896noreply@blogger.comBlogger121100tag:blogger.com,1999:blog-1707878160821980126.post-24019766919565435782011-06-04T12:18:00.000+02:002011-06-04T12:18:17.658+02:00

Nach einigen Verzögerungen hat der Schuster nun endlich seine eigenen Schuhe repariert.  Die Website haarkoetter.com ist nun wieder vollständig. Einige der in diesem Blog beschriebenen Techniken werden selbstverständlich genutzt, so z.B. der in diesem Artikel beschriebene Trick, Links durch eine transparente Maske hindurch klickbar zu machen. Wir wünschen den Besuchenden viel Vergnügen. Die

Sven Haarkötterhttp://www.blogger.com/profile/05376304617488887896noreply@blogger.com0tag:blogger.com,1999:blog-1707878160821980126.post-9041380879399053712011-01-09T10:28:00.004+01:002011-01-09T13:23:36.866+01:00

Images und Patterns auf Canvas Vorab schon mal ein Blick auf den nächsten Artikel. Hier haben wir mit der image- und der Pattern-Funktion experimentiert. Die verwendeten Icons stammen von Tanya aus Lettland (http://artdesigner.lv/me), die auf ihrer Site einige kostenlose Iconsammlungen veröffentlicht. "Liels paldies" dafür :O) Eine ausführlichere Beschreibung des Quelltextes folgt... Hier schon

Sven Haarkötterhttp://www.blogger.com/profile/05376304617488887896noreply@blogger.com0tag:blogger.com,1999:blog-1707878160821980126.post-75533626494610853472011-01-07T22:01:00.053+01:002011-01-09T10:36:20.296+01:00

Der künstliche Horizont Im zweiten Artikel zum Thema canvas entsteht mit der arc-Funktion ein künstlicher Horizont. Mit der Maus verändert man die 'Fluglage', ab 30° soll eine Warnung angezeigt werden. Diesmal wenden wir die arc-Funktion an, um einen künstlichen Horizont nachzubilden. In Flug­zeugen stellt dieses Instrument die Fluglage im Verhältnis zu einer waag­rechten Aus­richtung dar. In

Sven Haarkötterhttp://www.blogger.com/profile/05376304617488887896noreply@blogger.com0tag:blogger.com,1999:blog-1707878160821980126.post-53454121367702960012010-12-08T10:46:00.007+01:002010-12-14T14:36:40.287+01:00

Da will man mit einem runden Bullauge mal weg vom ewigen Rechteckdesign und stellt dann fest, dass man nicht durch transparente PNGs hindurch auf Links darunter klicken kann. Und jetzt? Ich möchte mit einem an bestimmten Stellen transparenten PNG einen Textlayer abdecken, diesen Layer aber trotzdem scrollen und Links darin mit der Maus erreichen. Das geht aber nicht, weil das PNG für die

Sven Haarkötterhttp://www.blogger.com/profile/05376304617488887896noreply@blogger.com0tag:blogger.com,1999:blog-1707878160821980126.post-26913325147753555842010-05-04T16:39:00.010+02:002011-01-09T10:37:22.865+01:00

Hier ein paar Experimente mit HTML5, CSS3 und jQuery. Die Quelltexte sind einigermaßen kommentiert und laden hoffentlich zu eigenen Versuchen ein. Zum einen etwas Spielerei mit CSS3. Ist wirklich schön mit modernen Browsern, aber schmucklos anzusehen mit dem IE6... CSS3: Transparente Layer, Fontfacing & Spaltensatz Dann ein wenig Imagehandling mit jQuery: Imageslider - unbedingt mit den

Sven Haarkötterhttp://www.blogger.com/profile/05376304617488887896noreply@blogger.com0tag:blogger.com,1999:blog-1707878160821980126.post-87838275125183553462010-04-14T15:51:00.028+02:002010-05-07T14:42:51.535+02:00

Die Arbeit mit jQuery spart Zeit, die man wunderbar für Schnickschnack nutzen kann. Obwohl... eigentlich ist so ein Index bei langen Texten ganz schön praktisch. Nach dem absatzweisen Scrollen zur Erhöhung des Lesegenusses ;O) werden nun lange Texte automatisch indiziert und über eine Sidebar navigierbar (Beispiel). Auch hier verwenden wir jQuery und das scrollto-Plugin. Verbesserung der

Sven Haarkötterhttp://www.blogger.com/profile/05376304617488887896noreply@blogger.com0tag:blogger.com,1999:blog-1707878160821980126.post-62701976110103450462010-03-21T13:58:00.037+01:002010-04-16T08:24:04.549+02:00

Hier eine Abwandlung der Scroll-Routine. Der Text wird absatzweise gescrollt. Außerdem habe ich mit einer Lesehilfe experimentiert und den Text zoombar gemacht. Im ersten scroll-Artikel wurde der Inhalt mit jQuery und dem scrollTo-Plugin pixelweise gescrollt. Diesmal soll sich das Scrollen am Inhalt orientieren und absatzweise scrollen. Struktur findenWie kann ich durch eine unbekannte Anzahl

Sven Haarkötterhttp://www.blogger.com/profile/05376304617488887896noreply@blogger.com0tag:blogger.com,1999:blog-1707878160821980126.post-1739945867740990512010-03-16T14:54:00.003+01:002010-03-16T14:56:23.422+01:00

 Falls ihr die Artikel aus dem Intro gelesen habt, wisst ihr ja bereits, dass wir mit einem 'Standard'-Layout in vorgegebener Größe beginnen und dann feste Angaben (px) durch relative (%) ersetzen. Bauen wir also zunächst das feste Grundgerüst, hier bestehend aus wrapper, header, content und footer.

Sven Haarkötterhttp://www.blogger.com/profile/05376304617488887896noreply@blogger.com0tag:blogger.com,1999:blog-1707878160821980126.post-52362966282000776742010-03-15T22:05:00.017+01:002010-03-16T14:47:42.908+01:00

Da freut sich der Entwickler: Eigentlich auf der Suche nach einer Möglichkeit, in Safari Bookmarks zu setzen, fand ich diesen Artikel über das Erstellen kleiner Bookmarklets zum Einstellen der Fenstergröße. Und da das auch in Firefox funktioniert, habe ich es gleich ausprobiert und empfehle es zur Nachahmung. Öffnet einfach die Bookmark-Sidebar und erstellt ein neues Bookmark. Als Adresse gebt

Sven Haarkötterhttp://www.blogger.com/profile/05376304617488887896noreply@blogger.com0tag:blogger.com,1999:blog-1707878160821980126.post-35857720835113158182010-03-11T14:36:00.039+01:002010-03-16T20:20:11.766+01:00

 Das fluid-Projekt fasst einige Tricks zusammen, auf die ich während der Arbeit an der Site des Fotografen Michael Eckstein gestoßen bin. Fluid bedeutet in diesem Zusammenhang: Bei einer Fenstergrößenänderung skalieren alle Elemente einer Website mit, wobei Schriftgrößen nicht bzw. anders verändert werden. Hierbei gehe ich von einer Maximalgröße der Seite aus, für die alle Bilder angelegt werden

Sven Haarkötterhttp://www.blogger.com/profile/05376304617488887896noreply@blogger.com0tag:blogger.com,1999:blog-1707878160821980126.post-90248159668659431192010-03-10T20:19:00.044+01:002010-04-16T08:25:39.369+02:00

Nachdem ich jQuery und jQuery UI kennen und schätzen gelernt habe, wollte ich gleich mal probieren, wie ich eigene Scroll-Elemente erstellen könnte. Denn mal ehrlich — die Betriebssystem-Scrollbalken passen einfach nie zum Website-Design Das mit dem scrollen war dank jQuery und scrollTo-Plugin schnell erledigt: Button-Element mit Event-Callback mousedown ausstatten und schon wird gerollt. Genau

Sven Haarkötterhttp://www.blogger.com/profile/05376304617488887896noreply@blogger.com0tag:blogger.com,1999:blog-1707878160821980126.post-49203172164872584742010-02-27T10:25:00.000+01:002010-02-27T10:25:08.873+01:00

In diesem Blog sammle ich Tipps rund um das weite Thema Gestaltung mit den Schwerpunkten Print2Web und DB2Print. Sie werden hier also Codeschnipsel finden, Softwaretests oder HowTo's. Ob CSS, framescript oder ActionScript, Photoshop oder Illustrator, Cinema3D oder Shockwave 3D – Themen meiner Arbeit sind auch Themen dieses Blogs.

Sven Haarkötterhttp://www.blogger.com/profile/05376304617488887896noreply@blogger.com0