Gestaltung: Design, Typografie, Grafik, Webdesign, Usability
Für das richtig gute Design im Flash braucht vermutlich jeder Designer von Zeit zur Zeit hochkarätige Inspirationsquellen. Diese kann man zugenüge bei diesen sehr guten Flash Design Awards Seiten vorfinden. Tauchen Sie in die aktuellsten Beispiele des Flash und CSS Designs im Web:
Favourite Website Awards – Web awards at the cutting edge
www.thefwa.com
Einstieg in das CSS Design ist oft sehr langwierig, unter anderem weil man man die Syntax sich nur schwer merken kann. Es gibt aber ein erstaunlich übersichtliches CSS Layout „Cheat Sheet“ kostenlos zum Download oder Ausdruck:
http://lesliefranke.com/files/reference/csscheatsheet.html
Auf einer einzigen DIN A4 Seite ist es dem Autor gelungen die allerwichtigsten CSS Style Elemente und Syntax als eine Art Spickzettel zusammenzufassen. Das ganze ist sehr übersichtlich strukturiert.
Ein sehr schönes Beispiel für ein Menü der intuitiven ON/OFF Tasten nur mit Hilfe von CSS. Keine einzige Grafik wird verwendet:
CSS Beispiel:
#menu a, #menu a:visited {
position:relative;
text-decoration:none;
text-align:center;
background-color:#9ab;
color:#fff;
display:block;
width:8em;
border:2px solid #fff;
border-color:#def #678 #345 #cde;
padding:0.25em;
margin:0.5em auto;
}
#menu a:hover {
top:2px;
left:2px;
color:#ffff00;
border-color:#345 #cde #def #678;
}
XHTML Beispiel:
<div id=“menu“>
<a xhref=“https://www.design-literatur.de/blog/#nogo“ mce_href=“https://www.design-literatur.de/blog/#nogo“ >Menu 1</a>
<a xhref=“https://www.design-literatur.de/blog/#nogo“ mce_href=“https://www.design-literatur.de/blog/#nogo“ >Menu 2</a>
<a xhref=“https://www.design-literatur.de/blog/#nogo“ mce_href=“https://www.design-literatur.de/blog/#nogo“ >Menu 3</a>
<a xhref=“https://www.design-literatur.de/blog/#nogo“ mce_href=“https://www.design-literatur.de/blog/#nogo“ >Menu 4</a>
<a xhref=“https://www.design-literatur.de/blog/#nogo“ mce_href=“https://www.design-literatur.de/blog/#nogo“ >Menu 5</a>
</div>