“An easy to use, powerful, and flexible framework for building prototypes and production code on any kind of device. Start here, build everywhere.” – so die Beschreibung auf der Webseite von Foundation.

Foundation ist sozusagen ein Werkzeugkasten/eine Toolbox für Webdesigner. Webseiten lassen sich so mit vorgefertigten Elementen (Grids/Raster, Buttons, jQuery-Elemente, Formularfelder, Hinweis-Felder, etc.) komplette Webseiten erstellen.

Es ist keine WYSIWYG-Software. Es ist vielmehr eine Ansammlung von definierten Design-Elementen (definiert durch CSS-Klassen usw.) Man stellt sich aus den einzelnen Elementen eine eigene Seite zusammen.

Am besten man schaut sich die Dokumentation an. Hier ist die gesamte Vielfalt von Foundation dargestellt. Es gibt Listen, Tabs, Navigationsmenüs, Video-Einbettung und Vieles mehr. Auch das Design ist clean und modern.

Probiert es einfach selber mal aus.

Zur Webseite von Foundation!

Ein leidiges Thema, aber es muss gemacht werden. In einem Blog oder in einer Webseite steckt sehr viel Arbeit. Umso tragischer ist es, wenn mal etwas schief geht und alles ist weg oder teilweise zerstört. Da ist es sehr hilfreich, ein Backup zu haben.

In WordPress gibt es verschiedene PlugIns, die dies erledigen. Hier möchte ich auf das Plugin “Bei Fen” hinweisen. Ich habe es jetzt installiert und alles läuft einwandfrei ohne Probleme.

Man kann ein Backup von den Daten oder der Datenbank machen. Auch die Sicherung Beider ist möglich, was viel Zeit spart. Die Daten können nach Wunsch gepackt werden – das spart Speicherplatz auf dem Server.

Das Plugin ist somit sehr zu empfehlen. Eine Alternative wäre WP-DB-Backup.

Einstellungsmöglichkeiten:

Tutorial: Image Rotator mit Beschreibung (CSS, jQuery)
Demo anschauen

Tutorial: Automatic ImageSlider (CSS, jQuery)
Demo anschauen

Download: Fancy Moves Slider
Demo anschauen

Download: AviaSlider
Demo anschauen

Vielleicht animiert der ein oder andere Slider zu eigenen Kreationen bzw. Anpassungen an die eigenen Bedürfnisse.

Wer sich mit der Gestaltung von Webseiten beschäftigt, braucht natürlich immer einen Hintergrund. Schnell und einfach geht das auf patterncooler.com. Mit Hilfe eines Editors lässt sich ganz einfach ein Hintergrund erstellen. Man wählt ein Muster, Farben, die Größe und kann zusätzlich noch Variationen des Hintergrundes anzeigen lassen. Somit spart man viel Zeit. Probiert es einfach selbst mal aus. Der Hintergrund lässt sich anschließend als PNG abspeichern.

Patterncooler.com

Für alle, die noch einen Mac mit PowerPC nutzen: Tenfourfox 5 – die Alternative zum Mozilla Firefox 5.

Den Browser gibt es für G3, G4 und G5. Aktualisierungen (auch für AddOns)  werden wie beim “Original” automatisch geladen.

Den Browser kann man hier downloaden.

Mit CSS ist es ganz einfach einen Tool-Tip beim Überfahren eines Links oder Bildes anzuzeigen. Dazu muss nur in der CSS-Datei eine neue Klasse angelegt werden.

Der Hyperlink sieht folgendermaßen aus:

Einfach den Link mit der Maus überfahren:<br />
<a href=”http://www.pixelschubzzer.de” class=”tooltip”>www.pixelschubzzer.de<span>
<img src=”tooltip.jpg” border=”0″ style=”float: left; margin: 10px;” /><br />
Besuch das Blog vom pixelschubzzer. Da gibt es interessante Sachen zu sehen!</span></a> <br /><br />So kann man weiterführende Hinweise unterbringen.

Die dazugehörige CSS-Klasse:

a.tooltip{
position: relative;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #FFFFCC;
text-decoration: none;
z-index: 98;
}

a.tooltip:hover span{
display: block;
background-color: #666666;
position: absolute;
padding: 20px;
top: 2em;
left: 5em;
width: 20em;
border: 1px dotted #ffffff;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
letter-spacing: 1px;
color: #ffffff;
}

Nun gibt es den Duden auch online. Ein Geschenk für jeden Schriftsetzer/Mediengestalter, der das Blättern leid ist. Im online-Duden können sogar ganze Texte auf Rechtschreibung und Grammatik überprüft werden.

Ein Besuch der neuen Webseite lohnt sich! www.duden.de