Normalerweise ist eine FAQ Seite ewig lang. Es gibt diverse Fragen und noch mehr Antworten. Sucht man nach einer bestimmten Frage muss man oft durch ewig lange Texte scrollen, um die eigentliche Frage zu finden. Wie man diese Seite komprimiern kann, zeigt dieses Tutorial. Schaut man sich das Help Center von Facebook an, also die [...]
Thumbnails tauchen im Internet enorm oft auf. Kleine Vorschaubildchen, die bisweilen überall zu finden sind, aber kaum eine schöne Formatierung aufweisen können. Dieses Tutorial soll dies nun ändern. Im Blog baut man oft Bilder ein, um einen Aspekt grafisch zu verdeutlichen. Klickt man auf dieses Bildchen kann man sich die Vergrößerung anschauen. Leider ist es [...]
Tabellen Konstrukte sind zwar nicht mehr „in“ aber verwenden kann man sie dennoch. Vor allem wenn man Daten schön gegenüberstellen möchte, ist das nützlich. CSS3 sorgt dabei auch noch für eine vernünftige Optik. Gerade wenn man viele Daten präsntieren möchte, ist die tabelle noch immer das beliebteste Element. Das Design einer Tabelle anzupassen ist aber [...]
Wie ich schon angekündigt hatte, beginnen wir nun mit den komplexeren Tutorials. In diesem werden wir die zuvor erlernten Techniken einsetzen um sogenannte Tooltips zu erstellen, die wir mit zusätzlichen Informationen, zum Beispiel einer Erklärung füllen können. Und zwar nur mit CSS3! Natürlich kann man auch mit einem (span) und dem (title) Tag arbeiten. Der [...]
CSS3 ist perfekt, wenn man grafische Elemente ohne Grafiken erstellen möchte. Es verbessert die Ladezeiten. Sprechblasen werden oft in Kommentaren genutzt oder auch in sogenannten Tooltips. Wie man diese erstellt zeigt dieser Artikel. Damit man Sprechblasen wie die Folgenden erstellen kann, muss man wissen, wie man Dreiecke mit CSS3 erstellt. Wir benutzen für die Sprechblase [...]
CSS3 wird zukünftig immer mehr Grafiken ersetzen. Da ist es natürlich angebracht, wenn man ein paar geometrische Formen gestalten kann. Rechtecke und Quadrate sind ja schon Gang und Gebe. Dreiecke und Kreise sind aber ebenso möglich. Was die meisten nicht wissen, ist, das beim erstellen von Rändern eigentlich dreiecke erstellt werden. Vier Dreiecke, die jeweils [...]
Runde Ecken finden immer mehr Einzug in den Designelementen einer Webseite. Die eckigen Gebilde werden mittlerweile sogar als hässlich bezeichnet. Dieser Artikel soll zeigen wie man runde Ecken mit CSS erstellen kann. Früher hat man für runde Ecken oft vier verschiedene Grafiken für die Ecken genutzt. Diese waren zwar recht schnell erstellt, aber brauchten Bandbreite [...]
Neue Befehle in CSS3 machen neue Hintergründe möglich, für die vorher Grafiken nötig waren. Dieser Artikel zeigt einige Beispiele. Grundsätzlich unterscheidet man zwei Arten von Farbverläufen. Der eine ist Linear, der andere Radial. Den linearen Farbverlauf sieht man schon recht häufig in Form von Grafiken. Sie werden gerne in Headern, Buttons und Hintergründen eingesetzt. So [...]
Dieser Artikel zeigt Dir, wie Du mit CSS3 Bilder als Border für zum Beispiel DIV Elemente nutzen kannst. So spart man sich das zurechtschneiden mehrerer Hintergrundbilder. Und natürlich muss nur noch ein Bild geladen werden, anstatt mehrerer. Wenn wir einmal zurückblicken können wir uns daran erinnern, dass es früher mindestens zwei Bilder waren, die wir [...]
Um ein Design mit mehreren Spalten zu erstellen, war es nötig entweder mit uralten Tabellen oder mit Div Tags zu arbeiten. Mit CSS3 braucht man das nicht mehr. Dieser Artikel zeigt wie es geht. Neben den multiplen Hintergründen ist das einer meine liebsten Neuerungen in CSS3. Diese Technik hat in meinen Augen ein sehr großes [...]
Hier bloggt Sascha Oertlin. Ich habe 2008 das Bloggen für mich entdeckt und möchte hier meine Erfahrungen schildern. Hier im Blog findest Du bisher 310 Artikel, die beschreiben wie man im Internet Geld verdienen kann. Aber auch Themen wie die Umgestaltung des Thesis Themes und Wordpress Tipps findest Du hier. Bisher wurden dazu 856 Kommentare geschrieben. Ich hoffe es kommen noch viele weitere dazu. Viel Spaß beim stöbern...(Mehr über mich...)
Get smart with the Thesis WordPress Theme from DIYthemes.
