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 | 1.730 Ansichten | Kommentare (1)
04
Aug
2010
Aug
2010
Piwik
Kategorien: Webanwendungen | 2.100 Ansichten | Kommentare (0)
Piwik Logo
Statistiken sind für professionelle Seitenbetreiber unerlässlich. Doch auch ohne professionellen Anspruch ist es immer interessant zu sehen, woher die eigenen Besucher kommen, was sie gesucht haben und wohin sie wieder entschwunden sind. Die Nutzung von Google Analytics liegt hier nahe, ist doch die Statistik äußerst umfangreich und bietet dadurch einen guten Einblick in das Verhalten der Nutzer. Doch selbst auf Wikipedia finden sich die Einwände gegen den Einsatz von Google Analytics – wegen des deutschen Datenschutzgesetzes. Zudem ist man von Google abhängig und nicht wenige Seiten haben erhöhte Ladezeiten durch den Einsatz von Googles Statistiktool.
Ganzen Artikel lesen
30
Jul
2010
Jul
2010
bbPress
Kategorien: Webanwendungen | 5.304 Ansichten | Kommentare (0)
bbPress Logo
Ein Forensystem sollte in den meisten Fällen einen recht guten Funktionsumfang haben, BB-Code unterstützen und viele Werkzeuge für eine gute Administration und Moderation besitzen. Das alles trifft auf bbPress nicht zu, es ist ein extrem schlankes Forensystem das auf Schnörkel wie das Aufteilen von Threads, ein Moderationsprotokoll, Geburtstagserinnerungen und selbst auf die allseits bekannten BB-Code-Buttons verzichtet. Wozu dann dieser Artikel? Nun, in der Einfachheit liegen auch gewisse Vorteile.
Ganzen Artikel lesen
28
Jul
2010
Jul
2010
Disclaimer
Kategorien: Interessante Links | 1.993 Ansichten | Kommentare (0)
Auf unzähligen Seiten findet man sie: Disclaimer die von der Haftung für die Inhalte von verlinkten Seiten befreien sollen. Doch braucht man diesen Disclaimer wirklich? Oder besser noch: Hat dieser überhaupt rechtliche Gültigkeit? Dies ist im Artikel Der Disclaimer: Ein modernes Märchen? von e-recht24.de sehr ausführlich erläutert und daher spare ich mir weitreichende Ausführungen. Kurz gesagt ist der Disclaimer in der weit verbreiteten Form
Mit Urteil vom 12. Mai 1998 – 312 O 85/98 – “Haftung für Links” hat das Landgericht (LG) Hamburg entschieden, dass man durch das Setzen eines Links, die Inhalte der gelinkten Seite ggf. mit zu verantworten hat. Dies kann – so das LG – nur dadurch verhindert werden, dass man sich ausdrücklich von diesen Inhalten distanziert.
oder ähnlich im Grunde weitgehend nutzlos. Einen wesentlich besseren Disclaimer der dem Sachverhalt viel eher gerecht wird findet man kostenlos ebenfalls auf e-recht24.de.
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 | 2.943 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 | 1.985 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
21
Jul
2010
Jul
2010
ColorBox
Kategorien: Javascript | 2.773 Ansichten | Kommentare (0)
Es gibt viele Varianten des ursprünglichen Lightbox-Effekts der Bilder nicht in einem neuen Fenster oder Popup öffnet sondern in einer Ebene über der Seite einblendet, meist mit einem schicken Animationseffekt.
Eine auf jQuery basierende Variante und meiner Meinung nach die derzeit beste Lösung ist die ColorBox. Ähnlich der, nicht mehr weiterentwickelten, Thickbox ist die ColorBox nicht nur in der Lage Bilder in einer solchen Ebene über der Seite darstellen sondern auch iFrames zu laden, Flash-Videos anzuzeigen oder auch nur Text oder sonstige Informationen anzuzeigen.
Ganzen Artikel lesen