Webdesign Gallerien & Inspirationsquellen

April 23, 2009 | Kommentieren

Auf der Suche nach einer Inspirationsquelle ? Hier findest du eine Liste mit 10 Webdesign Gallerien um für das nächste Design gewappnet zu sein. Viel Spass damit:
mehr…

Alternative CSS-Datei für den Internet Explorer

Februar 12, 2009 | Kommentieren

Da der IE in den meisten Fällen HTML Seiten anders als z.b. der Firefox anzeigt, kann man das Problem entweder mit einem Hack, oder mit einer CSS Datei die nur für den IE importiert wird lösen. Diese Methode nennt sich “conditional comments” und ermöglicht einen validen CSS Code für alle Browser.
mehr…

Footer bottom hack

Februar 1, 2009 | Kommentieren

Es gibt viele Möglichkeiten den Footer immer am unterem Ende einer Seite auszurichten. Hier meine Lösung welche nur ein paar Zeilen Code benötigt und in dem meisten Browsern wie IE 6/7, Firefox und Safari einwandfrei funktioniert.
mehr…

4 CSS Layouts zum downloaden

Dezember 31, 2008 | Kommentieren

Layouts mit CSS und XHTML zu bauen ist ja nicht jedermanns Sache, also habe ich mir gedacht ich mach mal einfach ein paar davon.
Hier das Ergebniss zum kostenlosen Download:

Tools für Webentwickler

November 18, 2008 | Kommentieren

Auch wenn man mit seinem Editor zufrieden ist, können Tools und Plugins bei der Entwicklung von Websites helfen. Deshalb stelle ich heute ein paar Development-Tools für Webdesigner vor:

mehr…

Reset.css

Oktober 20, 2008 | Kommentieren

Hier mal eine simples reset CSS-File aus der Yahoo UI Library:

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

CSS Flashmessage styling

Oktober 19, 2008 | Kommentieren

Auf fast jeder Seite wird man früher oder später einer grünen Success- oder einer roten Errormessage begegnen. In diesem kurzem Tutorial werde ich erklären wie man eine Flashmessage wie diese hier erstellt:

Hallo, ich bin eine rote Flashmessage!
Hallo, ich bin eine grüne Flashmessage!

mehr…

CSS Blockqotes

Oktober 9, 2008 | Kommentieren

Heute werde ich mal ein kurzes Tutorial über das Styling von blockquotes erstellen.
Im großen und ganzen wird das Ergebniss letzendlich so aussehen:

Der erste Vorschlag für Cascading Style Sheets kam 1993 auf, mehrere weitere folgten bis 1995.

mehr…

CSS Tabellen

Juli 21, 2008 | Kommentieren

Die Zeiten wo man noch ein Layout mit Tabellen erstellt hat sind vorbei, was nicht heissen soll dass diese nicht mehr benutzt werden. Sie erfüllen andere, wichtige Zwecke und werden nach wie vor gebraucht. Deshalb beschäftigt sich dieser Artikel mit einer einfache Tabelle, welche mit hilfe von CSS gestylt wird. Das Ergbinss sieht dann so aus:

Konsole: XBOX 360 Playstation 3 WII
CPU: 3 x Power PC Kerne Cell Prozessor IBM Power PC
Grafik: ATI GPU Nvidia GPU ATI GPU
Speicher: 512 MB GDDR3 256 MB XDR 24 MB + 64 MB extern
Preis: 249,- Euro 399,- Euro 249,- Euro

mehr…

CSS Sprites

Juli 16, 2008 | 2 Kommentare

Die CSS Sprites Technik ist keine Neuerfindung, da es schon zu den alten “Super Mario Brothers Nintendo Zeiten” verwendet wurde. Grössere Webseiten nutzen die Technik um die Ladezeiten zu verringern. Wenn man z.b. Tonnen von JavaScript für Werbung, Tracking und andere Sachen laden muss, versucht man an jeder Ecke zu optimieren. mehr…

« go back — keep looking »