Monatsarchiv
Typo Test-Seite
Die Auswahl einer bestimmten Schriftart für ein Webprojekt und die Wahl der Beschreibungsmethode sind für einen Webdesigner keine leichte Aufgabe. Nie kann man sich sicher sein, dass das, was auf dem eigenen System hervorragend aussieht, auch beim User so ankommt. Limitless Innovations bietet ein Font size testing an, das hier Sicherheit schaffen kann. Es wird eine Seite mit Mustertext in verschiedenen Schriftarten und -größen generiert. Diese kann dann in verschiedenen Browsern verglichen werden. Es stehen Verdana, Trebuchet, Arial, Helvetica, sans-serif, Georgia, Times und serif mit den Beschreibungen relative, absolute, %, em, px, pt, <font size...> und <big> zu Auswahl. Ungewiss bleibt jedoch weiterhin die Darstellung unter verschiedenen Betriebssystemen. Zum Beitrag ...
Noch mehr schöne CSS-Sites
Zum Urgestein der CSS-Ausstellungen CSS-Vault sind in der letzten Zeit weitere Showcases hinzugekommen. Ein schöner Trend, wie ich finde, solange die Abwechslung bestehen bleibt und nicht überall die selben Sites vertreten sind. Na dann, viel Spaß beim Browsen und inspirieren lassen! CSS Beauty Web Standards Awards The Weekly Standards Piepmatzel.de Stylegala unmatched style Zum Beitrag ...
Web development mistakes
Roger Johansson von 456 Berea Street listet die häufigsten Fehler im Bereich Webentwicklung auf: The web is overflowing with sites that use horribly invalid, broken, and inaccessible markup. Even sites built by people who have been in the web business for many years, and who really should know better, are full of problems that shouldn't be there. The reason? Ignorance, laziness, lack of time, bad tools, you name it. Roger Johansson Zum Beitrag ...
Einfach glücklicher browsen
Browse Happy ist eine neue Kampagne des Web Standards Projects, mit der Nutzer des Internet Explorers darauf aufmerksam gemacht werden sollen, dass es durchaus Alternativen zu ihrem Urgestein gibt. Über Erfolg oder Misserfolg einer solchen Kampagne kann spekuliert werden. Unterstützenswert finde ich sie auf jeden Fall. Übrigens: Der Browser meiner Wahl ist Firefox. Via CSS-Technik-News Zum Beitrag ...
BBClone und Movable Type 3.x
Im April hatte ich eine ausführliche Anleitung geschrieben, wie eine Movable Type Installation mittels BBClone "überwacht" werden kann. Mit Version 3.0D wurde für MT eine neue Ablage der Beiträge ermöglicht. Wurden die Beiträge früher nummeriert abgelegt, können Sie heute mit "sprechenden" URLs erstellt werden. Durch diese schöne Änderung ergibt sich eine neue Konfiguration des BBClone-Codes. Zum Beitrag ...
Happy Photoshopping!
Zwei schöne Artikel für den Bereich Grafikdesign: Dan Cederholm beschreibt in The Anatomy of an Icon am konkreten Beispiel mit Screenshots wie beim Icondesign verfahren werden kann. Michael Preidel gibt in seinem Photoshop Grundlagen Tutorial eine Einführung in das Thema Unscharfmaskierung. Update Via Brainstorms and Raves kann ich weitere englischsprachige Tutorials empfehlen: Hands-On Photoshop CS: Correcting a Problem Image Exploring Near-Infinite Brush Variations and Creating Custom Brushes Setting Preferences, Customizing, and Optimizing Photoshop CS Zum Beitrag ...
Einstieg ins Webdesign
Andreas Kalt gibt eine lesenswerte Einführung in das Thema Webdesign. Der Text soll Interessierte unterstützen, die ihre gewonnenen Kenntnisse im beruflichen Alltag einsetzen wollen um z.B. Arbeitsunterlagen ins Web zu stellen. Der Artikel ist kurz und gut verständlich gehalten und gibt Anregungen für eine weitere Informationssuche. Zum Beitrag ...
Kleines Weblog Iconset
In den letzen Tagen haben mich mehrere Besucher auf das im aktuellen Layout verwendete Iconset angesprochen und um eine Downloadmöglichkeit gebeten. Nun habe ich die acht Icons in einer Graustufenvariante zum Download bereit gestellt. Das ZIP-Archiv kann hier heruntergeladen werden. Alle Icons wurden im Format 13x15 Pixel als transparentes GIF gespeichert. Sie dürfen für private Zwecke kostenlos verwendet, aber nicht verändert werden. Eine kommerzielle Nutzung bedarf einer Genehmigung. Sollten die Grafiken zum Einsatz kommen, würde ich mich über eine Nachricht oder einen Kommentar freuen. Zum Beitrag ...
Amazon Leseliste mit MTAmazon erstellen
MTAmazon ist ein Plugin für Movable Type, das dem CMS eine schnelle Zusammenarbeit mit Amazon ermöglicht. Leider arbeitet MTAmazon in der ursprünglichen Version nur mit Amazon.com zusammen, was dem deutschen Blog- oder Seitenbetreiber nicht viel bringt. Durch eine kleine Änderung im Plugin kann dieses dazu gebracht werden, mit Amazon.de zusammenzuarbeiten. In diesem kleinen Artikel, zeige ich, wie das geht und wie man auf die Schnelle ein kleines "Amazon-Sideblog" erstellen kann. Für jedes Buch müssen nur Titel und ISBN/Asin eingegeben werden. Alle anderen Daten stellt das Plugin automatisch zusammen. Zum Beitrag ...
Spam Schutz für Movable Type 3.x
Viele Movable Type Nutzer haben ungeduldig auf die folgende Nachricht gewartet: Jay Allen hat mit MT-Blacklist v2.0e die erste Version seines Anti-Spam-Plugins vorgestellt, die mit MT 3.x zusammenarbeitet. Das kleine "e" steht für "emergency release". Out of a desire to help those who jumped in the pool headfirst without considering a life without MT-Blacklist, I am releasing MT-Blacklist v2.0e as an emergency release. Einige Features sind noch nicht oder nur teilweise implementiert und es steht kein technischer Support zur Verfügung. Allerdings können Probleme oder Anregungen im besprochen werden. Zum Beitrag ...
CSS Drop Shadow schnell ausrichten
Wer der Einfachheit halber den ALA CSS Drop Shadow Code für die Rahmung von Bildern auf der eigenen Site verwendet, hat Bilder, die links vom Text angeordnet werden. Durch die folgende kleine Änderung im CSS ist es bei der Erstellung von Artikeln einfacher, ein abwechslungsreiches Layout durch wechselnde Floats zu erstellen. .img-shadow { float:left; background: url(shadowAlpha.png) no-repeat bottom right !important; background: url(shadow.gif) no-repeat bottom right; margin: 10px 0 0 10px !important; margin: 10px 0 0 5px; } Neu hinzu: .rightalign { float: right; margin-left: 10px; margin-right: -5px; } .leftalign { float: left; margin-right: 10px; margin-left: -5px; } Wenn nun ein Bild eingebunden werden soll, bekommt dieses wahlweise die Klasse rightalign bzw. leftalign zugewiesen: <span class="img-shadow rightalign"><img src="Beispielbild.jpg" alt="Beispielbild" /></span> Zum Beitrag ...
Photoshop CS und das RAW-Format
Der Artikel The Photoshop CS Camera Raw von Ben Willmore gibt einen ausführlichen Einblick in den Umgang von Photoshop CS mit Bildern im RAW-Format. The RAW file format for digital pictures is available with some high-end digital cameras, and in this article, you can learn how to manipulate the additional data contained in these files to more elaborately enhance your photos. Zum Beitrag ...
Movable Type QuickTags
Arvind Satyanarayan hat im Movalog eine Erweiterung der MT Quick Tags zum Download bereit gestellt. Mit den Movalog QuickTags ist es möglich, eine breitere Palette von Tags wie z.B. img, ul, li oder blockquote per Klick zum Eintrag hinzuzufügen. Die vorgestellte Version ist noch neu, funktioniert nur im Entry-Body Feld und nur mit MT3. Sicher lohnt es sich, diese kleine MT-Erweiterung im Auge zu behalten. Die Datei edit_entry.tmpl kommt in das Verzeichnis MT_DIR/tmpl/cms/ und nicht wie im Movalog angegeben in MT_DIR/tmpl/. Es empfiehlt sich, ein Backup der bestehenden Datei anzulegen. Update Es stehen nun auch Versionen für MT2.x zum Download bereit. Zum Beitrag ...
Und noch ein Redesign
Diesmal mein ganz eigenes: pixelgraphix 6.0a. Das kleine "a" soll verdeutlichen, dass es hier und da noch erhebliche Baustellen und Fallgruben gibt. Aus Zeitmangel habe ich mich aber dazu entschlossen, diese im Livebetrieb zu beseitigen. Warum wollte ich ein Redesign? pixelgraphix ist mit der Zeit recht umfangreich geworden und besteht aus sechs individuellen Movable Type Blogs. Ziel der Umgestaltung war es die Fülle der Informationen zu strukturieren, sinnvoll zu ordnen und Raum für mehr zu schaffen. Was hat sich verändert? Die Startseite wurde komplett umgestaltet und bietet nun die aktuellsten Einträge der jeweiligen Rubriken und Projekte. Das Weblog wurde als solches nun auch namentlich integriert. Guten Zuspruch hatte in der letzten Version das rotierende Foto im oberen Bereich der Seiten gefunden. Es wurde in verkleinerter Form beibehalten, das IE-Flackern konnte ich endlich abstellen. Farblich habe ich am Rot festgehalten, allerdings Abstand vom Hellgrau im Mainbereich genommen. Der Quellcode wurde noch… Zum Beitrag ...
Luftig
Absolut fantastische Aufnahmen aus luftiger Höhe empfiehlt Angie McKaig ihren Besuchern. Den Tipp gebe ich gern weiter. Update Auf seiner Webseite bietet Yann Arthus-Bertrand viele seiner Arbeiten als Wallpaper an. Zum Beitrag ...
A web standards checklist
Russ Weakley von maxdesign präsentiert eine Checkliste, die abgearbeitet werden sollte bevor ein neues Projekt das Licht der Welt erblickt: What are web standards? About the checklist The checklist Quality of code Degree of separation between content and presentation Accessibility for users Accessibility for devices Basic Usability Site management The full list Via DevNewsRadar Zum Beitrag ...
Mehr Farbe!
Tom MacWright zeigt auf WorkingIdea Farbschemata, die er verschiedenen Webseiten bzw. Produkten wie z.B. Adobe.com bzw. Firefox entnommen hat. Eine sehr interessante Idee! Zum Beitrag ...
Firefox per CSS anpassen
Jon Hicks zeigt in Tweaking Firefox with CSS beispielhaft wie durch die Anpassung der Mozilla "user content" Dateien subjektive Änderungen am Gesamtbild des Browsers vorgenommen werden können. Zum Beitrag ...
Mozilla Standard-Stylesheet
Um herauszufinden, nach welchen Standards Mozilla-basierte Browser Tags darstellen gebe man in die Adresszeile Folgendes ein: "resource:///res/html.css". Gefunden bei Jens in dessen ausgesprochen lesenswerten [ F - LOG - GE ] Zum Beitrag ...
Firefox, Thunderbird und Mozilla Updates
mozilla.org veröffentlichte kleinere Sicherheitsupdates: Firefox 0.9.3, Thunderbird 0.7.3 und Mozilla 1.7.2. Zum Beitrag ...
MT Tabs
MT Tabs ist eine Browser-Sidebar, die fast jeden MT Tag aufführt und zur Erklärung auf den jeweiligen Abschnitt im Online-Handbuch verweist. Sehr praktisch! Gefunden habe ich diese kleine Hilfe im mir bisher unbekannten Movalog. Zum Beitrag ...
Redesign Tipps
Die Redesign-Welle der letzten Monate hat neben interessanten Websites mit z.T. erstaunlichen Features (1, 2) eine Reihe interessanter Artikel hervorgebracht, deren Rezeption durchaus lohnenswert im Bezug auf eigene Projekte oder Redesigns ist: Version 2 von Dunstan Orchard What Authentic Boredom almost was von Cameron Moll Eight things I wish I'd known when I started von Cameron Moll The Big Web Design Details List von D. Keith Robinson Being a Perturbed Designer von Didier Hilhorst Redesign/Design Case Study von Adam Howell Planning for redesign, 1: Establishing the context von Adam Greenfield Zum Beitrag ...
Neue Tapete gefällig?
Außergewöhnliche Desktophintergründe in großer Zahl findet man bei Veer. Da schaut der Montag Morgen doch gleich netter aus :-). Zum Beitrag ...
Seite 1 von 1.