Webstandard & Webdesign - CSS, HTML

 

Jeder 10. Mann sieht Webseiten mit anderen Augen

Bist du farbenblind? Einen Ausspruch den bestimmt schon jeder von uns einmal gehört hat. Gemeint ist damit aber oft die sogenannte Rot-Grün-Blindheit, von der in Deutschland ca. 8 bis 9% der männlichen und ca.0,5% der weiblichen Bevölkerung betroffen sind. Die Betroffenen sehen diese beiden Farben nicht normal, da ihr Farbensystem sich nur aus Blau und Gelb zusammensetzt, anstatt wie normalerweise aus Blau, Gelb und Rot. Zur Feststellung dieser Rot-Grün-Farbfehlsichtigkeit verwendet man üblicherweise Farbprüftafeln wie die Ishihara-Tafeln (siehe Abbildung). Welche Auswirkungen kann bzw. sollte dieser Aspekt bei der Gestaltung von Webseiten haben? Um Euch diese Frage einfacher beantworten zu können sei ein kleiner Test erlaubt. In diesem wird mittels der Software aDesigner eine Webseite aufgerufen. Die kostenlose Software ermöglicht es ihnen bspw. die Parameter bezüglich Farbfehlsichtigkeit oder der Sehstärke anzupassen und zu simulieren.

 (weiter)

Vorabversion von Firefox 3.1 mit neuen Features erhältlich

Wie Mozilla bekannt gibt, steht steht interessierten Usern die erste Vorabversion von Firefox 3.1 für Windows, Mac OS X und Linux zum Download bereit. Die im Alpha-Stadium befindliche Browserversion trägt den Codenamen Shiretoko, den sie von der gleichnamigen japanischen Halbinsel bekommen hat. Diese Version enthält beim Blättern durch geöffnete Tabs mittels Shortcut eine Vorschau dieser geöffneten Seiten. Beim hin und her Blättern wird der jeweils im Fokus liegenden Seite zudem noch der Seitentitel für eine bessere Übersicht ausgegeben. Unterstützt werden nun außerdem die CSS-Eigenschaft border-image, sowie JavaScript Query Selektoren. Außerdem gibt es laut Mozilla auch Verbesserungen im Umgang mit der Smart Location Bar, deren Verhalten bei der Veröffentlichung der 3er Version bei dem ein oder anderen User bisher auf Missfallen gestoßen ist. Für diejenigen die es ganz genau wissen wollen, finden auf einer Übersicht für Entwickler alle Änderungen und Anpassungen dieser Version.

Aufstieg oder Fall durch aktuelles Google Pagerank-Update

Pagerank. Ein Wort bei dem die einen nur hoffen nicht abgestraft zu werden und die anderen es vor lauter Vorfreude kaum noch erwarten können, um endlich weiter Richtung 10 empor klettern zu können, sofern Google es zulässt. In den letzten Tagen gab es hier und dort Hinweise auf ein bevorstehendes Update des Pageranks von Google. Nach dem Wochenende herrscht bei vielen Erleichterung darüber, dass sie wenigstens nichts "eingebüßt" haben. Auch beim Webstandardblog steht nach wie vor die 5, die mal eine 6 war ;o( Auch wenn die vielen Links in den Beiträgen hier dazugeführt haben sollten, wird an dem Verlinkungskonzept hier im Blog nichts geändert.

 (weiter)

10 Dinge die ein Webdesigner niemals sagen würde!

Nahezu jeder der im Bereich Webdesign und Webentwicklung tätig ist kennt Aussprüche wie den folgenden: "Wenn es nicht geht, dann mach es doch mit Tabellen". Problem ist nur, dass dieser Satz nie von einem / einer Webdesigner/-in, sondern eher von jemand anderem stammt. Wobei wir bereits beim Thema wären. Was würde ein (professioneller) Webdesigner der seinen Job leidenschaftlich, kunden- und zukunftsorientiert ausübt, niemals sagen. Die folgenden 10 Aussprüche erheben selbstverständlich nicht den Anspruch auf Vollständigkeit oder unumstößlicher Korrektheit.

 (weiter)

Wie erhöht man die Werbeeinnahmen in seinem Blog? adtube zeigt wie es geht!

Google AdSense, ein Anbieter von Werbung in Textform bekommt mit adtube Konkurrenz. Bei dieser Alternative profitieren sie von der Möglichkeit, sehr zielgenau und themenspezifisch gesteuerte Textlinkwerbung auf den Webseiten des adtube-Werbenetzwerks zu buchen. Die adtube GmbH wurde im Juli 2006 gegründet und vermarktet ein stetig wachsendes Werbenetzwerk, welches selbstentwickelte und komplexe Contextual Advertising-Technologien einsetzt. Nach Informationen von adtube ist es gelungen, eine langfristige und umfangreiche Zusammenarbeit mit Yahoo! Search Marketing zu vereinbaren, wodurch diese Google AdSende Alternative im wahrsten Sinne des Wortes zum Konkurrenten wird. Die Anwendung ist denkbar einfach. Anmelden. Code für den Weblog generieren. Code einfügen. Der Rest ist Aufgabe der Besucher.

 (weiter)

In wenigen Schritten von der Skizze zur professionellen Vektorgrafik

Auf Vectips.com zeigt Ryan in seinem Tutorial "Create Sketchy-Style Vectors", wie man in wenigen Schritten von einer Skizze (siehe eingescannte Vorlage links) zu einer vektorbasierten in Illustrator erstellten Grafik gelangt (siehe rechter Teil der Abbildung). Wer diesbezüglich noch etwas Nachholbedarf hat oder gern mehr über das Arbeiten mit Illustrator CS3 erfahren möchte, kann sein Wissen im kürzlich vorgestellten Illustrator Crash-Course auffrischen bzw. ausbauen.

 (weiter)

Gewinnspiel zum Flash Buch - Flash fast forward

Die einen lieben es, so dass sie ihre Webseiten ausschließlich damit umsetzen und die anderen meiden es wo es nur geht. Die Rede ist von Flash. Interessierten Anwendern von Flash wird hiermit die Möglichkeit geboten eines der neuesten Bücher zu dieser Thematik zu gewinnen. Das Buch "Flash fast forward - Die Workshops für Fortgeschrittene" ermöglicht es Ihnen direkt am Beispiel zu erfahren, wie Flash funktioniert und welche Möglichkeiten Ihnen mit diesem Tool zur Verfügung stehen. In den Theorie-Exkursen des Buches erhalten sie das nötige Hintergrundwissen, um dann das Gelernte an Projekte im Workshop-Charakter zu übertragen. Auf der Buch-DVD finden Sie neben Video-Lektionen zu ActionScript 3 und der 30-Tage-Testversion Flash CS3 alle Beispiele als FLA- und als SWF-Datei für Windows und Mac. Wer mehr zu dem 470 Seiten starken Buch erfahren möchte kann dies auf den Seiten des Galileo-Verlages tun. Um dieses Buch im Wert von 39,90Euro gewinnen zu können, müsst ihr lediglich bis zum 27.07.2008 hier einen Kommentar hinterlassen, in dem ihr eine Webseite vorstellt und verlinkt die eurer Meinung eine gute Mischung zwischen Flash- und HTML-basierten Inhalten darstellt. Der Gewinner aller Teilnehmer wird wie bisher üblich, auch dieses mal via Zufallsgenerator ausgewählt. Das Webstandard-Team freut sich auf Eure Artikel und wünscht allen Teilnehmern viel Erfolg beim Gewinnspiel!

Update 28.07.08: Der Gewinner per Zufallsgenerator ist die Nr. 17 von Fabi ( Mehrfachkommentare oder unsere eigenen wurden selbstverständlich nicht mitgezählt ). Herzlichen Glückwunsch! Allen anderen sei gesagt, dass nächste Gewinnspiel kommt bestimmt!

Illustrator Crash-Kurs in 30 Tagen

Im iStockdiary erhalten Einsteiger und allgemein Interessierte in Sachen Illustrator, über 30 Tage einen kostenlosen Crash-Kurs. Damit auch diejenigen deren Zeitplan wenig Zeit für Weiterbildung übrig lässt, die Möglichkeit haben den Kurs durchführen können, nehmen die einzelnen kleinen Lektionen von Tony Soh nicht mehr als 20 Minuten täglich in Anspruch. Einfach den Feed abonnieren und jeden Tag ein paar Minuten "opfern". Das Portfolio von Tony, lässt erahnen das sich lohnen wird, bei diesem Crash-Kurs bis zum Ende am Ball zu bleiben. durch Das finale Projekt am letzten Tag heißt im übrigen "Designing a Logo". Einfacher und zeitsparender kann eine Einführung in dieses vektorbasierte Grafik- und Zeichenprogramm kaum sein. Allen Teilnehmern viel Spass!

Werbung im Webstandardblog mit adtube, Hallimash und Co.

Werbung im Webstandardblog. Bei vielen Bloggern ist sie bereits seit Jahren gang und gebe. Nun hält sie auch hier Einzug. Bereits seit einiger Zeit testen wir die ideale Position von Werbebannern in diesem Blog und haben uns nun dazu entschieden in der Marginalspalte und nach jedem Artikel, einen Contextbezogenen Banner von adtube zu integrieren. Weiterhin promoten wir nun seit kurzem den Blog-Vermarkter hallimash auf unseren Seiten. Ziel ist es mit den eventuellen Einnahmen dieser Maßnahmen, den Lesern dieses Blogs etwas zurückzugeben und wollen ihnen daher die Möglichkeit anbieten, Sachpreise wie Bücher in Form von Gewinnspielen anbieten zu können. Profitieren würden davon alle.

 (weiter)

Visitenkarten - Kleine Inspirationsquellen, ganz gross!

Kürzlich rief Manuela Hoffmann von Pixelgraphix Ihre Leser dazu auf, wie und wo die Leser beim Gestalten auf neue Ideen kommen? Fast folgerichtig gab es Antworten, wie Blogs, CSS-Galerien, Zeitschriften, Natur, etc. Eine Quelle der Inspiration die bei vielen so nahe liegend sein kann, ist die Visitenkarte. In zahlreichen Blogbeiträgen der letzten Monate sind uns hierbei wirklich unglaublich interessante und inspirierende Arbeiten über den Weg gelaufen, die wir Euch natürlich nicht vorenthalten möchten.

 (weiter)

Renovierungsarbeiten im Webstandardblog

Die Besucher des Webstandardblogs werden festgestellt haben, dass am Layout kleine Änderungen vorgenommen worden sind. Nicht viel, aber soviel das es auffallen kann, wenn man sich beim Lesen unserer Inhalte nicht ausschließlich auf den Feed-Reader verlässt. Es ist kein verändertes Farbschemata oder gar ein verändertes Layoutverhalten. Betroffen ist, wie die beiden Abbildungen (vorher und nachher) zeigen, lediglich der Kopfbereich. Der bisherige Kopfbereich des Blogs war unfertig und wirkte, wie in der ersten Abbildung zu sehen, sehr klein und gestaucht. Daher wurden die Ausmaße dieser Bereich in Sachen Höhe fast verdoppelt. Eine weitere Layout-Änderung in diesem Bereich betrifft die Schriftart des Schriftzuges "Webstandard". Wurde diese bisher von der Schriftart Georgia präsentiert, wird die Aufgabe nun von der Handschrift Segoe Print übernommen, die einen etwas "frischeren und persönlicheren" Eindruck hinterlässt. Zudem wurde von einem Untertitel ergänzt.

 (weiter)

Wer bestimmt die Zukunft? Safari 4, Opera 10, Firefox 4 oder der IE8?

In vielen Blogbeiträgen über die neuen Browserversionen wird sich lobend, als auch kritisch geäußert. Bei Robert vom Basic Thinking Blog geht es sogar soweit, dass er den Firefox3 deinstalliert. Der Acid3- und Slickspeed-Test haben gezeigt das Firefox durchaus Konkurrenz von der technischen Seite besitzt und wie ein kleiner Ausblick auf die Statistiken des Webstandard-Blogs zeigt, sind alle neuen Versionen bereits in den Top-10 vertreten. Aber was ist für Euch das Ausschlaggebende einen Browser zu nutzen? Die technischen Features (Ladezeit, Unterstützung der Standards, etc.) oder die kleinen Add-ons, die das Leben im Umgang mit den Browser erleichtern? Da Opera und Firefox (fast) nach Belieben die Themes wechseln können, ist dass aussehen wohl eher zweitrangig. Eines zeigt die kleine Grafik deutlich, den Fall der älteren Versionen. Sobald neue Versionen präsentiert werden, haben die meisten Leser des Blogs diese Version wenige Tage später auf dem Rechner.

 (weiter)

Wie erreicht man die Leser? Oder wie kommt der LongTail-Effekt zum tragen?

Die meisten Webseiten- und Blogbetreiber haben das Ziel mit Ihren Inhalten so viel wie möglich Leser zu erreichen. Dieses Ziel kann bekanntermaßen auf verschiedenen Wegen erreicht werden. Die beste und wirksamste Methode neben Top-Key-Words ist in erster Linie qualitativ hochwertiger Inhalt. Es ist nicht immer einfach diese Qualität zu bieten und das wird an den Statistiken zu den einzelnen Inhalten deutlich. Daher ist es gerade bei einem Blog der von der Aktualität und einer bestimmten Ausrichtung der Inhalte lebt, wichtig auch aufgrund von Schlagworten gefunden zu werden. Diese sollten sich idealerweise in den Überschriften der einzelnen Artikel wiederfinden. Im Falle des Webstandardblogs sind dies unter anderem die Bezeichnungen der gängigen Browser, dass Akronym CSS und selbstverständlich auch das Begriff Webstandard. Hohe Trefferquoten erzielen auch Begriffe die aus zwei oder mehreren Worten bestehen, wie bspw. "Beste Webdesigner" oder auch "JavaScript Framework". Bei der Analyse der Statistiken wird somit neben den für User aktuell interessanten Themen, auch immer wieder auf Artikel zurückgegriffen die vor mehr als 2 Jahren erschienen sind. Hier kommt in diesem Fall der LongTail-Effekt zum tragen. Der nicht unerheblich Zeitraum führt dazu, dass die entsprechenden Artikel eine größere Reichweite erzielen. Eine kleine Analyse des Webstandardblogs hat hierbei folgendes ergeben:

 (weiter)

Kostenloses 4 Stunden Video-Training zum Einstieg in Ubuntu Linux

Der Galileo-Verlag bietet allen Linux Fans oder Interesierten ein unglaubliches Angebot. Das DVD Angebot "Einstieg in Ubuntu Linux" präsentiert ein kostenloses Video-Training von 8 Kapiteln mit über 4 Stunden Spielzeit zum Thema Ubuntu. In 34 Video-Lektionen macht Sie Rainer Hattenhauer mit Ubuntu GNU/Linux vertraut. Dieses Video-Training, welches im übrigen erst Ende des Monats erscheint und Material von über 10Stunden beinhaltet, zeigt Ihnen, wie Sie Ubuntu installieren, einrichten und die Möglichkeiten und Programme des Betriebssystems nutzen. Ausgerichtet an den Arbeitsschritten und Bedürfnissen von Ein- und Umsteigern wird Ihnen anschaulich vermittelt, was Sie wissen müssen, um zum Ubuntu-Profi zu werden.

 (weiter)

Mit Photoshop Brushes zum Grunge Layout

Diese besonderen "Pinselstriche" erfreuen sich nicht zuletzt aufgrund von Webseiten im Grunge-Stil immer größerer Beliebtheit. In wenigen Minuten kann auf diese Weise ein Webseiten-Layout entstehen, dass einen mehr als professionellen Eindruck hinterlässt. Die Anzahl an Seiten die die Vielfalt dieser Brushes darstellen ist immens. Aus diesem Grund werden an dieser Stelle vier ausgewählte Webseiten mit umfangreichen Sammlungen an hochwertigen Brushes vorgestellt.

qbrushes.com

 (weiter)