Posts von stefan

Heute wagen wir uns mal ein bißchen weit aus dem Fenster und preisen neue Errungenschaften der Web Entwicklung als Schritt in die Zukunft. Es handelt sich um Web Components. Aktuell noch ein Working Draft beinhalten die Web Components: HTML Templates Imports Custom Elements Shadow DOM HTML…

Hi, Freunde der Web Entwicklung. Sicherlich jedem mal in seiner Tätigkeit als Web Developer begegnet: Die Spezifität eines CSS Selektors. Warum wird meine Deklaration nicht angewendet obwohl sie z. B. am Ende des Stylesheet steht oder zumindest andere Regeln dieses Elements hinter sich lässt. Die Antwort: Weil die Spezifität eines Selektors über…

Hi Freunde der Webentwicklung. In Zeiten von Responsive Webdesign und Mobile First müssen wir als Frontend Developer in verschiedenen Geräten und Auflösungen denken. Hier stellt sich dann die Frage wie die Stylesheets organisiert und strukturiert werden. Gerade in größeren Projekten mit einer wachsenden Codebasis  möchte man ja eine gewisse…

Hi Frontend-Freunde. Heute zeige ich euch ein paar Möglichkeiten wie ihr Elemente vertikal zentrieren könnt. Mit CSS können wir heute schon nahezu jedes Problem abbilden und lösen. Verläufe, Schatten, selbst Animationen und ganze Browser-Games wurden und werden in CSS gelöst. Doch etwas so banales wie eine Vertikale Zentrierung, hat schon den einen oder anderen…

Hallo Frontend-Freunde. Heute greifen wir mal tief in die stets prall gefüllte Trickkiste eines Web Developers und zeigen euch, wie es möglich ist, problemlos Hintergründe auf inline Textelemente zu legen. Ist ja kein Problem, sagt ihr? Dann mal frisch ran ans Werk. Hintergründe und inline Textelemente sind ein gern genutztes Stilmittel um z. B. Subheader…

Hi Freunde des gepflegten Web-Codings, heute mal ein tolles Tool für das Erstellen, Weiterreichen und Präsentieren von Produkt-Screenshots. PlaceIt von Breezi hilft euch dabei, eure Sites und Projekte ins rechte Licht zu rücken. Einfach eine URL angeben oder ein von euch erstellten Screenshot der jeweiligen Seite hochladen und schon erscheint eure Seite in der gewählten…

Hallo Frontendler. Heute möchte ich euch das jQuery Plugin notific8 vorstellen. Mit diesem Plugin könnt ihr stylische, optisch ansprechende Benachrichtigungen (Notifications) erstellen.  Inspirieren ließ sich der Entwickler dabei von den Notifications in Windows 8. Diese wiederum haben sich von…

Hallo Frontend-Freunde. Heute zeige ich euch wie ihr ansprechende Scrollbars erstellen könnt. Die Standard-Scrollbalken erfüllen gerade in schicken Layouts selten die Ansprüche an ein rundum gelungenes Nutzererlebnis. Viele Browser (darunter die maßgeblichen FF und IE) greifen nämlich, wenn es heißt, Scrollbars einzusetzen auf den Standard aus dem Betriebssystem zurück. Gerade in Windows sind das kantige langweilige graue Kästen. Sie…

Im letzten Beitrag habe ich euch die Entwicklung eines kleinen Tools in AngularJS versprochen. Allerdings heißt es nicht umsonst: "Nichts ist so sicher wie die Lageänderung". Das wissen wir als Frontend Entwickler nur zu gut. Ich bin nämlich auf das…

Komplexe Javascript Frameworks die um die Gunst der Web-Entwickler buhlen, gibt es viele da draußen. Mit ihnen können wir statisches HTML in hochdynamische, modulare Web-Anwendungen verwandeln. Häufig erwähnte sind z. B. Backbone, Ember oder…