CSS

Parallax Websites: Scrolling-Effekte mit Tiefenwirkung

Was ist Parallax-Scrolling?

Die Netzgemeinde liebt Abwechslung – nicht nur in Bezug auf Inhalte, sondern auch hinsichtlich der Gestaltung von Internetseiten. Webdesigner und Softwareentwickler sind daher stets bemüht, mit kreativen Ideen hervorzustechen und Webseitenbesucher mit neuen Nutzer-Erfahrungen zu überraschen. Einer dieser innovativen Gestaltungsansätze ist das sogenannte Parallax-Scrolling, das sich...

Website optimieren: Tipps und Tricks für mehr Speed

Website optimieren – das sind die größten Baustellen

Unter den verschiedenen Aspekten bei der Erstellung und Pflege einer Website kommt einer häufig zu kurz: die Funktionalität der Webpräsenz. Trotz Responsive Webdesign ist die Ladezeit diverser Webangebote viel zu hoch, und das obwohl diese ein entscheidendes Kriterium für das Verhalten der Besucher darstellt. Unser Ratgeber zeigt Ihnen, was Sie tun können, um die Performance Ihrer Website zu...

Grundlagen der modernen Webentwicklung

Moderne Webentwicklung: Grundlagen und Werkzeuge

Der Trend in der Webentwicklung führt weg von statischen Webangeboten hin zu interaktiven Inhalten. Auch wenn HTML und CSS nach wie vor das Grundgerüst einer jeden Website darstellen, greifen Webentwickler immer öfter auf serverseitige Programmiersprachen wie PHP zurück, um dynamische Webauftritte zu realisieren. Zudem bieten clientseitige Skriptsprachen wie JavaScript die Möglichkeit, eine...

Responsive Webdesign und Schrift: CSS-Befehle

Typografie im Responsive Webdesign - Teil 3: Technische Umsetzung mit CSS

Im Responsive Webdesign ist die Typografie ein häufig vernachlässigtes Feld, obwohl die Gestaltung einer anpassungsfähigen Schrift kein Expertengeheimnis ist. Wie lässt sich diese realisieren? Und welche Webfonts taugen für ein responsives Schriftbild? Wir geben Ihnen einen Einblick in die technische Umsetzung reaktionsfähiger Webtypografie und wie Sie diese über CSS in Ihren Webauftritt...

Gulp vs. Grunt – so unterscheiden sich die Task-Runner

Gulp vs. Grunt: Das zeichnet die beiden Task-Runner aus

Ein wesentlicher Aspekt der Webentwicklung ist das Schreiben von neuem Code. Insbesondere als Frontend-Developer hat man diesbezüglich eine Menge zu tun – denn die Internetpräsenz soll sich in erster Linie durch Individualität auszeichnen und das Projekt optimal repräsentieren. Der Entwicklungsprozess hält aber nicht nur kreative Aufgaben bereit, sondern auch immer wiederkehrende Schritte. Diese...

SASS-Tutorial

Das große SASS-Tutorial: Das müssen Sie wissen!

Wenn Sie gerne Websites designen, aber CSS Sie manchmal zur Weißglut treibt, könnte SASS die Lösung für Sie sein. Der Präprozessor erleichtert Ihnen die Arbeit an der Gestaltung, hat aber ein paar Eigenheiten. Das große SASS-Tutorial erklärt an Beispielen, was Sie mit der Sprache machen können, und geht auf die Feinheiten der SASS-Syntax ein. Wenn Sie SASS lernen möchten, liefern wir Ihnen einen...

CSS-Lernen leicht gemacht

CSS-Tutorial: Einführung in Cascading Style Sheets

Ohne CSS wären Webseiten nur eine Ansammlung von Textelementen, die durch Überschriften und Absätze grob in Abschnitte unterteilt sind. Erst die Möglichkeit, HTML durch Cascading Style Sheets zu formatieren, macht das World Wide Web zu dem, was es heute ist: ein bunter Mix individuell gestalteter Online-Auftritte, von der ambitionierten Hobby-Homepage bis hin zur preisgekrönten Design-Website....

YAML: Das schlanke CSS-Framework für Experten

YAML: Das standardkonforme Grundgerüst für universelle Webprojekte

Wenn Sie eine neue Webanwendung entwickeln wollen, stehen Sie vor der Wahl, den Code komplett neu zu schreiben oder alternativ auf Frameworks zurückzugreifen. Diese Code-Sammlungen enthalten ein anwendungsbereites Gerüst, das Sie in der Folge an die eigenen Vorstellungen anpassen können. Das CSS-Framework YAML stellt Ihnen beispielsweise eine responsive Rahmenstruktur zur Verfügung, die bereits...

SASS

SASS: CSS auf dem nächsten Level?

Wenn Sie das Design Ihrer Website angehen, arbeiten Sie wahrscheinlich mit CSS. Aber haben Sie schon einmal über SASS nachgedacht? Der praktische Präprozessor erweitert die bekannte Stylesheet-Sprache um viele hilfreiche Funktionen und erleichtert Ihnen so die Arbeit am Design. Variablen, Schleifen, Fallunterscheidungen und praktische Mixins machen Ihnen das Leben als Webdesigner einfacher. Wir...

HATEOAS: Alle Informationen zu der REST-Eigenschaft

HATEOAS: Das steckt hinter dem Akronym

REST (Representational State Transfer) spielt bei der Entwicklung moderner Webanwendungen inzwischen eine wichtige Rolle. Teil des Konzepts, das sich vor allem durch die Forderung nach einer universellen Schnittstelle von vergleichbaren Lösungen abhebt, ist eine interne Applikationsstruktur, die den HATEOAS-Ansatz verfolgt. Was hinter diesem Akronym steckt und warum genau HATEOAS für REST so...