Webstandard & Webdesign - CSS, HTML

 

Der Webstandardblog bedankt sich

Wie in vielen anderen Blogs, wollen auch wir einen kleinen Rückblick auf das Jahr 2008 werfen. Nach anfänglich eher noch wenigen Beiträgen, die dem Schreiben meines ersten Buches "CSS-Design. Die Tutorials für Einsteiger" geschuldet waren, wurde die Schlagzahl in Sachen Beiträge nach dem Frühjahr wieder erhöht. Das hat dazu geführt, dass wir ab Juli über 250 neue Feed-Abonnenten hinzugewinnen konnten. Bei manchen Bloggern müssen wir lesen, dass sie zwar viele Besucher, aber auf wenig Kommuniktation in ihren Blogs zurückblicken. Diesen Punkt können wir nicht bestätigen und bedanken uns daher auch bei unseren Lesern für das fleissige kommentieren und natürlich auch verlinken.

 (weiter)

Illustrator Tutorial - Feuerwerk

Was bildet für die meisten Menschen den Abschluss eines jeden Jahres? Richtig, ein Silvester-Feuerwerk. Zu diesem Anlass hat unsere Gastautorin Monika Gause, ein Step-by-Step Tutorial für alle "Vektorianer" erstellt. Ziel ist es, in 24 Schritten ein kleines aber feines Feuerwerk mittels Illustrator zu erstellen. Außerdem taugt so ein Feuerwerk, prima dazu, um eine kleine Einführung über eines der am meist unterschätzten Features von Illustrator zu geben: dem Transformieren-Effekt. Allen interessierten Lesern und Anwendern vektorbasierter Software wünschen wir hiermit viel Spass und Erfolg bei unserem letzten Tutorial im Jahr 2008!

 (weiter)

CSS-Frameworks - Pro und Kontra

CSS-Frameworks. Immer wieder erhalten wir Nachfragen, ob wir CSS-Frameworks für Webprojekte verwenden. Und unsere Antwort ist bisher immer gleich - Nein. Daraufhin folgt meistens die Frage nach dem WARUM? Es ist doch zeit- und damit oftmals auch kostensparend, mit solchen Gerüsten zu arbeiten. Man muss nicht immer ganz von vorne anfangen und geht bspw. mit YAML dem ein oder anderen Browser-Bug, aufgrund bereits vorausgegangener Arbeiten, aus dem Weg. Bei "normalen" Spalten-Layouts wie bspw. Blogs durchaus ein Argument, bei vielen anderen Ansätzen die darüber hinausgehen, ist es für uns aber einfacher den Code nach dem Screendesign individuell umzusetzen, als ein Framework und das daraus resultierende Gerüst mit manchmal nicht unerheblichem Code-Ballast, als Vorlage für ein Design zu nehmen. Außerdem ist es bei uns eher selten der Fall, dass sich Projekte so sehr ähneln, dass deren Aufbau bzw. das Grundgerüst "wiederverwendet" werden kann. Zudem gibt es nicht wenige die sagen, dass sie somit von ihrer Individualität einbüssen würden. Daher wollen wir Euch zum Ende diesen Jahres noch einmal fragen, wie Eure Erfahrungen oder Empfehlungen bezüglich CSS-Frameworks sind.

Illustrationen - Faces

Seit Bestehen dieses Blogs präsentieren in unserer Linkzone unter der Überschrift "Recommended Art" in wechselnden Abständen Künstler, deren Arbeit wir für empfehlenswert halten. Und um eben diesen Künstlern auch mal ein wenig mehr Beachtung zu schenken, haben wir uns dazu entschlossen die Arbeiten innerhalb dieses Beitrags, einer vielleicht etwas breiteren Leserschaft zu präsentieren. Bei der Betrachtung der ausgewählten Arbeiten könnte man dieser Übersicht an Illustrationen auch den Titel "faces" geben. Aber seht selbst.

 (weiter)

Formulardaten validieren - so einfach geht es

Welche Grundlagen der Gestaltung von Formularen es gibt, sind bekannt. Wie die innerhalb eines Formulars abzufragenden Daten validiert werden und welche Möglichkeiten hierbei die zahlreichen JavaScript-Frameworks bieten, ist Ziel des heutigen Beitrages. Eines ist bei bzw. nach der Validierung von Formulardaten unabdingbar. Fehlermeldungen müssen sich klar vom übrigen Layout absetzen, damit ihrer Bedeutung Rechnung getragen werden kann. Eine zu dezente oder fehlende Kennzeichnung von Formularelementen führt eher zur Verunsicherung seitens des Users, als ihm oder ihr dabei behilflich zu sein das entsprechende Formularfeld zu finden. Die folgende Liste von Validierung-Plugins basierend auf jQuery, Mootools oder Prototype, ermöglichen Ansätze Formulardaten ( neben einer serverseitigen Validierung ) validieren zu können.

 (weiter)

Grundlagen der Gestaltung von Formularen

Dieser Artikel greift wieder einmal das bei einigen unbeliebte Thema der Gestaltung von Formularen auf. Gerade zur Weihnachtszeit, in der vermehrt online gekauft, bestellt und gebucht wird, ist es umso wichtiger dem potentiellen Kunden das Ausfüllen der abzufragenden Daten und dem Versenden dieser, so einfach wie möglich zu gestalten. Die Umsetzung muss daher, im Sinne eines erfolgreichen Abschlusses, im besonderen Einklang mit der Gestaltung eines Formulars sein. Daher haben wir eine Liste mit 14 Punkten erstellt, die dabei behilflich sein kann, User erfolgreich durch das Ausfüllen eines Buchungs-, Bestellungs- oder Registrierungs-Formulars zu führen.

 (weiter)

Großes Weihnachts-Gewinnspiel - die Gewinner

Unser bisher größtes Gewinnspiel hat ein Ende. Das große Weihnachts-Gewinnspiel ist abgelaufen und die Gewinner der 5 Bücher wurden ermittelt. Da bei dieser regen Teilnahme manche Vornamen mehrfach vorkommen, wird das Datum und die Uhrzeit des Gewinner-Kommentars zur eindeutigen Kennzeichnung mit angegeben. Die Gewinner erhalten umgehend per Mail die Bitte, nach Angabe an die zu beliefernde Anschrift. Vielen Dank noch einmal an alle Teilnehmer für Eure Teilnahme und viel Vergnügen den Gewinnern mit ihren Büchern.

• CSS-Design - Paul (17 Dez 2008, 14:41)
• Suchmaschinen Optimierung - Frank (05 Dez 2008, 10:10)
• Mobiles Webdesign - Benni (05 Dez 2008, 14:03)
• Recht für Grafiker und Webdesigner - Florian (10 Dez 2008, 10:01)
• Der erfolgreiche Webdesigner - Jared (08 Dez 2008, 21:13)

 (weiter)

Großes Weihnachts-Gewinnspiel - die letzte Chance

Die bisherige Teilnahme an unserem "Großen Weihnachts-Gewinnspiel", ist mit bisher über 200 Kommentaren mehr als beeindruckend. Da diese Aktion morgen beendet wird, wollen wir allen die die Chance bisher noch nicht ergriffen haben, noch einmal daran erinnern das auch sie Donnerstag noch zu den Gewinnern zählen können. Wir wünschen allen Teilnehmern viel Glück und bedanken uns bei euch für die rege Teilnahme, an diesem letzten Gewinnspiel für das Jahr 2008!

Wie gut ist das Technorati-Ranking wirklich?

Die Blogsuchmaschine Technorati, die die Verlinkung von Weblogs untereinander im zurückliegenden letzten halben Jahr wiedergibt, erhebt bekanntlicher Weise nicht den Anspruch auf Vollständigkeit bzw. 100%iger Erfassung aller Links ( bei Technorati Reactions genannt ). Aber irgendwie haben wir das Gefühl, dass die Anzahl der Links die erkannt und gelistet werden, ebenso wie die daraus resultierende Authority immer geringer werden bzw. nicht im entsprechenden Maße anwachsen. Wie Robert erst kürzlich bemerkte, ist die Gesamtentwicklung der Verlinkungen deutscher Blogs fallend und bewegt sich mittlerweile auf dem Stand von vor 2,5 Jahren! Die Frage ist nur, liegt es an der steigenden Anzahl an Blogs und der geringeren Verlinkung dieser untereinander oder an Technorati selbst?

 (weiter)

Best of Mootools-Plugins and Tutorials

Java-Script Frameworks gibt es unglaublich viele. Manche disqualifizieren sich aufgrund der geringen Möglichkeiten erweiterbar zu sein, andere hingegen sind in Sachen Dateigröße viel zu "großzügig" und damit oftmals sehr träge bezüglich der Ladezeiten. Andere Frameworks wie jQuery wiederum, sind flexibel und können durch kleine Plugins unproblematisch erweitert werden. Da sich aber nicht jeder, mit dem von uns bevorzugten Framework, auseinandersetzen möchte, bieten wir Euch eine kleine Sammlung an Plugins für das Framework mootools an. Vom Kalender-Plugin, über Bilder-Galerien, bishin zur Validierung von Formularendaten, auch mootools bietet einige Ansatzpunkte, Webseiten mittels JavaScript etwas Leben einhauchen zu können.

 (weiter)

Die Finanzkrise macht auch vor Webworkern nicht halt

Die sich seit Monaten ausbreitende Finanzkrise zieht immer größere Kreise und macht auch nicht vor Webdesignern und Webentwicklern halt. Das große Unternehmen wie Google darauf mit Kündigungen reagieren kommt nicht überraschend, aber auch vor allem freiberuflich tätige Webworker spüren mehr und mehr, dass auch ihre Kunden diese Krise zu spüren bekommen und deshalb ihre ( oftmals bereits geplanten ) Aufträge zurückfahren. Aus Gesprächen mit Webworkern wird deutlich, dass aufgrund der Finanzkrise und den daraus resultierenden Auswirkungen, in letzter Zeit viele Auftragsvolumen zurückgehen und oftmals nur "das Nötige" umgesetzt wird. Da viele Freiberufler diesbezüglich unterschiedliche Arbeitsmethoden bzw. Herangehensweisen haben, fragen wir Euch - Was kann ein Webworker, der in eine solche Situation kommt, tun um seine Existenz zu schützen bzw. die wirtschaftlichen Risiken zu minimieren?

 (weiter)

Top Photoshop Tutorials - Part 2

Photoshop-Tutorials. Quelle der Inspiration, aber auch eine Möglichkeit interessante Techniken und Herangehensweisen im Umgang mit der Adobe-Software kennen zu lernen bzw. vorhandene Kenntnisse auszubauen. Aus diesen genannten Gründen und aufgrund des Erfolges des Artikels "Top Photoshop Tutorials" wollen wir Euch wieder einmal ein paar sehenswerte Tutorials dieser so begehrten Bildbearbeitungsprogramms vorstellen. Die Beispiele reichen von der Gestaltung eines Banners der mit Licht und Schatten spielt, bishin zu zahlreichen Wallpaper-Tutorials.

 (weiter)

Opera 10 - die Zukunft?

Opera, der im Schattendasein von Internet Explorer, Firefox und Safari befindliche Browser aus Norwegen, präsentiert Version 10. Wie gewohnt allerdings erst einmal in einer Alpha-Version. Hauptaugenmerk bei dieser neuen Version liegt auf der, laut Opera-Entwicklern 30% schnelleren, neuen Rendering-Engine Presto 2.2. Außerdem besteht diese Version den Acid 3-Test und erreicht somit 100 von 100 möglichen Punkten. Neben der Verbesserung des Website-Debuggers Opera Dragonfly, können jetzt auch Web-Fonts zur Gestaltung von Webseiten verwendet werden. Weiterhin beherrscht die neue Version halbtransparente Farben in der RGBA- und HSLA-Angaben. Wer näheres über die neuen Features erfahren und diese sofort testen möchte, wird auf Entwicklungsplattform Dev.Opera fündig. Mal schauen ob die neue Opera-Version den Google Schützling Chrome in Sachen Browseranteil, in Schach halten kann.

Großes Weihnachts-Gewinnspiel - Suchmaschinen Optimierung

Die erfolgreiche Arbeit eines Webdesigners/-in basiert nicht ausschließlich auf den Fähigkeiten der Gestaltung und Programmierung. Neben Aspekten der Usability und Accessibility, gehört auch der Bereich Suchmaschinen Optimierung dazu. Denn eine optimale Platzierung in den Rankings von Google und Co. ist von entscheidender Bedeutung für den Erfolg Ihres Internetauftritts. Denn nur wer ganz oben auf der Liste steht, wird wahrgenommen. Das heutige Gewinnspiel beschäftigt sich daher mit diesem Thema und trägt den Titel "Suchmaschinen Optimierung - Das umfassende Handbuch". Das Themenspektrum des Buches von Autor Sebastian Erlhofer reicht dabei von Keyword-Optimierung, On- und Off-the-page-Optimierungen über Usability bis hin zu Monitoring, Controlling u.v.a.m. Wer dieses ca.500 Seiten starke Buch aus dem Galileo-Verlag im Wert von 34,90Euro gewinnen möchte, muss ihr hier lediglich bis zum 17.12.2008 einen Kommentar hinterlassen.

 (weiter)

Großes Weihnachts-Gewinnspiel - CSS-Design

Modernes Webdesign mit Webstandards umzusetzen ist nicht immer einfach. Wäre es da nicht schön, wenn es ein Buch gäbe, das Sie Schritt für Schritt zum Ziel führt, bei dem Sie sich ganz auf die Umsetzung Ihrer Ideen konzentrieren können? Das komplett farbige Buch "CSS-Design. Die Tutorials für Einsteiger" zeigt Ihnen in ausführlich erklärten Praxisworkshops, wie Sie moderne Webseiten gestalten und standardkonformen und browserunabhängigen CSS-Code schreiben. Nach und nach arbeiten Sie sich so durch die verschiedenen Elemente, die eine Website ausmachen. Lassen Sie sich von den Beispielen inspirieren! Wer dieses erste von meiner Wenigkeit verfasste und ca.460 Seiten starke Buch aus dem Galileo-Verlag im Wert von 39,90Euro gewinnen möchte, muss ihr hier lediglich bis zum 17.12.2008 einen Kommentar hinterlassen.

 (weiter)

Großes Weihnachts-Gewinnspiel - Mobiles Webdesign

Lange wurde es prognostiziert, jetzt ist es Realität: das mobile Internet. Für Webdesigner bedeutet das, dass sie sich mit dem Thema auseinandersetzen müssen. Denn mit dem Erstellen von Webseiten für mobile Endgeräte sind eine ganze Menge Fragen verbunden: Wann ist eine mobile Fassung unabdinglich? Was sollte vorher beachtet werden? Und natürlich: Welche Techniken muss man beherrschen? Der Buchpreis Mobiles Webdesign des heutigen Gewinnspiels, bietet Antworten auf diese Fragen. Dieses Buch von Manuel Bieh ist die Rettung für alle Webdesigner und das weltweit erste umfassende Buch über mobiles Webdesign (O-Ton Galileo-Verlag). Um dieses ca.300 Seiten starke Buch aus dem Galileo-Verlag im Wert von 34,90Euro gewinnen zu können, müsst ihr hier ( wie bei allen anderen noch in dieser Woche folgenden oder bereits veröffentlichten Gewinnspielen ) lediglich bis zum 17.12.2008 einen Artikel und Link zu einem dieser Gewinnspiel-Artikel in Eurem Blog veröffentlichen und diesen im Kommentarbereich eines der Artikel dieser Gewinnspiel-Serie kommunizieren.

 (weiter)

Großes Weihnachts-Gewinnspiel - Recht für Grafiker und Webdesigner

Welchen Schutz genießen meine kreativen Leistungen? Dürfen meine Designs einfach abgekupfert werden? Welches Haftungsrisiko trägt der Designer? Der heutige Buchpreis mit dem Titel Recht für Grafiker und Webdesigner des heutigen Gewinnspiels, bietet Antworten auf diese Fragen. Ob Informationen zu Verträgen, Schutz der kreativen Leistung, Selbstständigkeit, Versicherungen oder Steuern, die 2009er Ausgabe dieses Werkes von Uwe Koch, Dirk Otto und Mark Rüdlin enthält zudem Musterverträge und Checklisten, die für jeden Grafiker und Webdesigner unerlässlich sind. Um dieses Buch aus dem Galileo-Verlag im Wert von 39,90Euro gewinnen zu können, müsst ihr hier lediglich bis zum 17.12.2008 einen Artikel und Link zu einem dieser Gewinnspiel-Artikel in Eurem Blog veröffentlichen und diesen im Kommentarbereich eines der Artikel dieser Gewinnspiel-Serie kommunizieren.

 (weiter)

Großes Weihnachts-Gewinnspiel - Der erfolgreiche Webdesigner

Das Ende des Jahres naht, ebenso wie die weihnachtliche Zeit des Gebens und Nehmens. Daher wollen wir uns bei den Lesern die uns über das Jahr hinweg die Treue gehalten haben oder auch neu hinzugekommen sind, bedanken. Wie bereits gewohnt, tun wir dies in Form von Buchpreisen. Daher werden wir im Laufe dieser Woche mehrere Gewinnspiele für verschiedene Bücher präsentieren. Eines haben alle Bücher gemeinsam, sie beschäftigen sich mit dem Thema "Webdesign". Den Anfang machen wir heute mit dem Buch "Der erfolgreiche Webdesigner" von Nils Pooker. Um dieses brandneue Buch aus dem Galileo-Verlag im Wert von 39,90Euro gewinnen zu können, müsst ihr hier lediglich bis zum 17.12.2008 einen Artikel und Link zu einem der Gewinnspiel-Artikel dieser Woche in Eurem Blog veröffentlichen und diesen im Kommentarbereich eines der Artikel dieser Gewinnspiel-Serie kommunizieren. So haben alle Gewinner die Möglichkeit ihr Exemplar noch rechtzeitig vor Weihnachten erhalten zu können.

 (weiter)