Posts von stefan

An dieser Stelle haben wir vor zwei Wochen SASS vorgestellt. Was Sass ist und wie man es benutzen kann, könnt ihr in Teil 1 nachschlagen. Ein erstes Feature haben wir mit den…

Heute soll SASS vorgestellt werden. Was ist Sass? Bei Sass (Syntactically Awesome StyleSheets) handelt es sich um einen CSS Preprocessor. Also einem Tool, welches Sass Code zur weiteren Nutzung in CSS konvertiert. Das macht Sass natürlich nicht alleine. Es gibt da draußen noch eine Handvoll ähnliche Tools. Doch dazu später mehr. Nun erst mal zu der Frage: Warum überhaupt Sass…

An dieser Stelle haben wir bereits die Neuerungen rund um HTML5 kurz und bildlich vorgestellt. Heute soll es darum gehen, wie man diese denn verwenden kann. Gibt es tolle neue Features, die man selber auch nutzen möchte, stellen sich immer die gleichen Fragen: Kann ich das Feature so wie vorgeschlagen anwenden? Wie…

Hat man eine gewachsene, große Webanwendung die auf JavaScript (JS) baut, oder in der JS ein erheblicher Teil ist und entwickelt dabei auf herkömmliche Art und Weise, steht man früher oder später vor Problemen:Eine Masse an schwer überblickbaren einzelnen Funktionen, callbacks, DOM-Manipulationen usw. die stumpf aneinander gereiht werden.Das Phänomen ist auch unter dem Begriff…

HTML5. Ja was versteht man eigentlich darunter? Die W3C-Spezifikation? Die Spezifikation der WHATWG, die HTML(5) zum "Living Standard" - also eine Spezifikation die im stetigen Reifeprozess ist - erklärt hat? Sicher. Aber um HTML5 herum tummeln sich noch viel mehr Themen und Features. Denn inzwischen ist HTML5, wie seinerzeit Web 2.0, zum Begriff für ein Sammelbecken vieler technologischer Fortschritte geworden. Mit…

An dieser Stelle haben wir bereits einmal über den Einsatz und die Vorteile der Nutzung von Microdata nach schema.org Vorbild berichtet. Heute soll es darum gehen, wie man überprüfen kann, ob der geschriebene Code auch richtig bei den Suchmaschinen ankommt. Es ist…

Die SERP-Snippets (Textbausteine auf Suchergebnisseiten) entscheiden zum Großteil für wie relevant ein User das Suchergebnis hält. Diese Snippets entstehen, in dem die Bots der Suchmaschinen, zum Suchbegriff relevante Inhalte aus der Webseite extrahieren. Dabei können sie viele Elemente wie z. B. Überschriften (h1, h2, ...) und hervorgehobenen Text (strong) entsprechend filtern und in den SERP-Snippets verarbeiten. Dennoch gibt es eine…

Relativ unbemerkt erhält eine neue JS-Version Einzug in unsere Browser. Die neuen Features in HTML5 und CSS3 haben eine größere Öffentlichkeit erreicht. Doch in ECMAscript 5 gibt es eine Reihe interessanter Neuerungen. Bspw.: "strict_mode" Einmal im Head einer Funktion oder JS-Datei eingeben, sorgt er dafür, dass bestimmte Altlasten nicht mehr erlaubt sind und den Code…

Anspruchsvolle Text-Layouts kennen wir von den Printmedien. Z. T. haben es diese auch schon längst in die digitale Welt geschafft. Mit Flash und anderen (Adobe-) Tools können tolle Magazin-Layouts erstellt werden. Sobald es an die Umsetzung mit Webstandards geht, stößt man aber an seine Grenzen. Bisher! Denn nun gibt es mit dem "Exclusions and Shapes…

Dreiecke sind ein super Gestaltungsmittel. In Listen und Überschriften werden sie gerne von der Grafik verbaut, um Struktur und Gliederung zu vermitteln. Doch wie verbaut das Frontend diese Dreiecke? Eine Möglichkeit wäre, eine Grafik abzulegen und das Dreieck als Hintergrund einzubinden. Doch was sagt uns die erste der 14 Regeln zu Einhaltung von High Performance Websites? Richtig, Vermeide HTTP Requests. Warum eine Grafik vom Server…