Blog für Webdevelopment, Online-Marketing und Gadgets

Kategorie: web-development

Umstellung auf Flat Design

Kategorie: web-development

Du als treuer Leser hast sicher schon gemerkt, dass ich seit ein paar Tagen an dem Design von MIZINE werkele. Die Absicht dabei ist, das Design Richtung Flat Design zu verändern. Flat Design zwingt uns dazu noch mehr über die Funktionalität unserer Designs nachzudenken und mehr Zeit für die Entwicklung von sinnvollen Bedienkonzepten aufzuwenden. Ich hoffe ich werde mit meinem Design diese Qualitäten erfüllen

Erfahre hier mehr über Flat Design »

WordPress als CMS voll ausreizen

Kategorie: web-development
wordpress-cms

Ich stoße immer wieder auf die Frage: Was brauche ich alles für eine erfolgreiche WordPress CMS Installation. Adhoc könnte ich diese Frage gar nicht beantworten, deswegen starte ich hier eine Brainstorming Liste mit meinen Einfällen dazu. Du als Leser darfst Dich natürlich auch gerne zu Plugins, Themes oder sonstigen Vorgehensweisen äußern (wenn Du magst) und uns Deine Erfahrungen oder Vorlieben schildern.
Weiterlesen: WordPress als CMS voll ausreizen »

Überschriften in WordPress richtig setzen

Kategorie: Aus dem Leben..., web-development
wordpress-titel-richtig-setzen

Ich wurde heute gefragt, wie man in WordPress das Theme so anpassen kann, dass auf der Startseite der Blogtitel und Untertitel als h1 und h2 und auf allen weiteren Seiten nicht als HTML Überschriften ausgegeben werden.

Warum das wichtig ist? Ganz einfach: Auch wenn Google und die anderen Bots sich bereits auf “kaputte” WordPress Theme Strukturen eingerichtet haben und ein Blog nicht aus den SERP herben, weil die Struktur falsch ist, ist es doch fraglich, ob eine saubere HTML Struktur nicht doch noch mehr Potezial aus dem Blog herausholt! Ich bin davon überzeugt, dass die Website Struktur einen nicht zu vernachlässigenden Einfluss auf die Rankings der einzelnen Unterseiten hat — also sehr wichtig für die Long-Tail-Keywords ist. Vor allem, weil es sich in jedem WordPress Theme relativ einfach umsetzen lässt. Eine kleine if Abfrage und minimale Veränderungen am CSS reichen vollkommen aus.

Weiterlesen: Überschriften in WordPress richtig setzen »

Mit Hilfe von ‘defer’ die Ladezeit von JavaScript optimieren und entschärfen

Kategorie: web-development

Sergej Müller hat auf Google Plus einen interessanten Eintrag über ein HTML Attribut gemacht, dass in der Masse irgendwie untergegangen ist, aber eine erstaunliche Wirkung auf das Ladeverhalten von JavaScript hat. Kurz: Es geht um die Blockierung des Ladevorgangs der Seite in der Zeit, in der ein eingebundenes Javascript geladen wird.

Standardmässig blockiert der Browser die Ausführung der Webseite bis die im Quelltext definierten JavaScript-Dateien vollständig angefordert sind. Aus diesem Grund hatte man angefangen, JavaScript-Dateien im Footer der Webseiten zu laden, um den Ladefluss restlicher Elemente nicht zu stören.

Weiterlesen: Mit Hilfe von ‘defer’ die Ladezeit von JavaScript optimieren und entschärfen »

Aus dem PopUp heraus Elemente auf der aufrufenden Seite steuern

Kategorie: web-development

Stell Dir eine Situation vor, die verlangt, dass Du aus einem generierten PopUp heraus bestimmte Elemente der aufrufenden Seite (parent site) steuern können musst. Jetzt wäre doch eine Funktionsweise nett, die ohne Ajax und ohne Aufrufparameter oder gar ohne Neuladen der Seite die Optionen auf der ursprünglichen Seite aus dem PopUp heraus verändern könnte, oder?

Ein Beispiel wäre ein PopUp, dass die Auswahlmöglichkeiten in einer Dropdown Liste beschreibt. Für den User ist es dann sicherlich schön bereits im PopUp das Element auswählen zu können ohne die Dropdown Liste noch einmal anfassen zu müssen, oder? Ich denke, da stimmst Du mir zu! Aus UX Sicht vermeidet das einige unnötige Klicks und eine Menge kognitiver Belastung.

Weiterlesen: Aus dem PopUp heraus Elemente auf der aufrufenden Seite steuern »

Das beste Live RegEx Tool zum testen von regulären Ausdrücken

Kategorie: web-development
live regex tool

RegEx, also reguläre Ausdrücke sind irgendwie immer ein Graus. Ein kleiner Fehler und das Matching fällt ganz anders aus als gewollt. Um Fehler zu vermeiden teste ich preg_replace und preg_match Funktionen gern vorher an einem Tool. Jetzt hab ich via Sergej Müller ein wirklich klasse Tool dafür entdeckt, dass tatsächlich alle notwendigen Möglichkeiten abdeckt: Weiterlesen: Das beste Live RegEx Tool zum testen von regulären Ausdrücken »

Link in neuem Fenster öffnen statt im neuen Tab

Kategorie: web-development

Ich wurde heute gefragt, warum ich auf den Aqua Comfort Artkelseiten die “More Info” Buttons in PopUps öffne, statt sie einfach mit target=”_blank” zu verlinken. Das hat einen ganz einfachen Grund: target=”_blank” öffnet den Link in modernere Browsern meist in einem neuen Tab oder im Hintergrund. Viele Menschen, die mit dem Browser nicht versiert sind, verirren sich aber im Wust der offenen Tabs und wissen nach spätestens zwei, drei Tabs nicht mehr wo was gewesen ist.

Deswegen lasse ich die Inhalte hinter den Links sichtbar in einem (kleineren) neuen Fenster öffnen, so dass dieses nach dem Lesen geschlossen werden kann und der User sich dann wieder auf der ursprünglichen Seite befindet.

Weiterlesen: Link in neuem Fenster öffnen statt im neuen Tab »