XHTML und auch HTML unterliegen Regeln die vom World Wide Web Consortium (W3C) festgelegt werden. Dazu zählen nicht nur welche HTML-Tags es alles gibt sondern auch welche Attribute diese haben dürfen (oder müssen) und wo sie im HTML stehen dürfen und wo nicht. Hält sich eine Seite an all diese Regeln ist sie “valide”, schon ein Fehler kippt sie allerdings direkt auf “invalide”. Geprüft werden kann dies mit dem Validator des W3C. Doch wozu dient valides HTML und wie wichtig ist es?
Ganzen Artikel lesen
01
Dez
2010
Dez
2010
Bekommt invalides HTML Invalidenrente?
Kategorien: Design | 2.119 Ansichten | Kommentare (1)
27
Jul
2010
Jul
2010
Tiled backgrounds designer
Screenshot vom Tiled backgrounds designer
Tapetentexturen, ob im derzeit sehr beliebten barocken Stil oder modern sind ein echter Hingucker auf vielen Seiten. Nur sind die Muster oft schwer zu finden und noch schwerer ist es diese Muster kachelbar und in den richtigen Farben zu finden. Eine einfache Lösung bietet hier der Tiled backgrounds designer von BgPatterns.
Das JavaScript-Tool ermöglicht die Auswahl aus einer Vielzahl verschiedener Muster die frei gedreht und skaliert werden können. Die Farben für Vorder- und Hintergrund lassen sich frei wählen. Zudem kann aus einer von fünf Tapetenstrukturen ausgewählt werden. Die Größe der Kacheln kann zwischen 25×25 und 190×190 Pixeln eingestellt werden was eine große Bandbreite an zusätzlichen Möglichkeiten erzeugt. Nun, einen Haken hat die Sache leider dann doch: Die Vorschau sieht weit besser aus als die JPEG-Datei die man sich nachdem man mit dem Ergebnis zufrieden ist herunterladen kann. Hier wirkt das Muster deutlich verwaschener was wohl am JPEG-Format liegt. Eine PNG-Datei wäre hier wohl besser geeignet, als gekachelter Hintergrund fällt diese Unschärfe zum Glück nicht mehr so stark auf.
26
Jul
2010
Jul
2010
HTML 5 und CSS 3 kommt
Kategorien: Design | 3.608 Ansichten | Kommentare (0)
HTML 5 und CSS 3 stehen in den Startlöchern und bieten einige sehr schöne Neuerungen die schon von vielen Browsern weitgehend unterstützt werden. Besonders interessant sind dabei die CSS3-Eigenschaften “box-shadow” und “border-radius” und “transform” die viele Design-Spielereien die derzeit noch mit aufwendigen Hintergrundbildern und verschachtelten Divs gelöst werden mit simplem CSS ermöglicht. Auch Microsoft wird sich mit dem Internet Explorer 9 an HTML 5 und CSS 3 heran wagen.
Ganzen Artikel lesen
25
Jul
2010
Jul
2010
ButtonBrowser
Vier Microbanner
Microbanner, auch gerne mal Antipixel genannt, sind eine beliebte Methode um insbesondere in Blogs links einzubauen. Besonders bei der Blogroll, also der Linkliste verwenden viele Blogger gerne die Banner im Format 80×15 Pixel aber auch um auf das eigene RSS-Feed zu verweisen oder mit einem XHTML valid das eigene Technikgeschick anzupreisen werden sie verwendet. Nur wie erstellt man solche Banner? Schon das finden einer passenden Schriftart ist nicht unbedingt einfach. Schnell und recht unkompliziert geht das mit ButtonBrowser bzw. dem dort verfügbaren Buttonmaker.
Es gibt sowohl die Möglichkeit einen zweigeteilten Banner zu erstellen als auch nur ein Feld zu verwenden. Über Eingabefelder können Text, Textfarben und Hintergrundfarben und die Breite der Felder bzw. des Feldes festgelegt werden. Über Auswahlfelder kann zudem die Ausrichtung auf linksbündig, rechtsbündig oder zentriert gesetzt werden. Auch der typische Rahmen lässt sich in der Farbe anpassen. Zur Auswahl stehen sechs Pixelfonts die alle recht gut lesbar sind. Allerdings schränkt oft die Länge des Textes die Auswahl der Schrift stark ein.
Etwas störend fällt teilweise die relativ lange Ladezeit auf, was insbesondere wenn man oft hinter einander eine neue Vorschau erstellen möchte um sein Ergebnis zu perfektionieren nervt. Trotzdem geht es wesentlich einfacher und flinker von der Hand als die Suche nach einer passenden Schrift mit anschließendem Pixelschieben in Photoshop.
24
Jul
2010
Jul
2010
Schulische Ausbildung
Kategorien: Design | 2.337 Ansichten | Kommentare (0)
Einen mittelschweren Kulturschock bekam ich neulich, als mich ein bekannter bat ihm bei einer Hausaufgabe zu helfen. Er lernt derzeit Mediengestalter (Print) und bekam die Hausaufgabe eben eine Internetseite zu erstellen. Das Problem für ihn war, dass er exakt Null Ahnung von der Materie hat, verständlich, macht er doch eine Ausbildung im Printbereich und nicht wie ich damals im Non-Print-Bereich wo HTML und CSS zur Ausbildung gehören. Auch wenn ich nicht begeistert davon war jemandem die Hausaufgaben abzunehmen habe ich mir das Material, das verwendet werden sollte, von ihm zuschicken lassen. Nun, die völlig deplatzierte Aufgabenstellung für einen Print-Mediengestalter war danach nur der kleinste Schock.
Ganzen Artikel lesen
22
Jul
2010
Jul
2010
COLOURlovers
Screenshot COLOURlovers
Viele kennen das Problem sicherlich: Man möchte eine Seite gestalten, hat aber keine gute Farbkomposition im Kopf oder schlimmer noch, man sucht passende Farben zu einer bereits vorgegebenen Farbe. Hier ist COLOURlovers genau die passende Seite. Eine Unmenge an ansprechenden Farbkombinationen wartet auf einen Webdesigner.
Neben einer Hexwert-Suche in die man seinen vorgegebenen Farbwert eingeben kann um dann passende Paletten zu finden gibt es auch die Möglichkeit über Schlagworte nach einzelnen Farben zu suchen. Hat man eine ansprechende Farbe gefunden reicht ein Klick auf die Farbe und passende Farbkompositionen werden angezeigt. Zudem liefert COLOURlovers auch eine Vielzahl an Patterns, also Hintergrundmustern die man zudem alle mit den gewünschten Farben einfärben kann.
Ganzen Artikel lesen