CSS

CSS-Lernen leicht gemacht

CSS-Lernen leicht gemacht

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 schlanke CSS-Framework für Experten

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

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: Alle Informationen zu der REST-Eigenschaft

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...

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

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

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...

Die besten Browser von Microsoft, Mozilla & Co.

Die besten Browser von Microsoft, Mozilla & Co.

Google Chrome, Mozilla Firefox, Apple Safari, Opera oder doch der altbewährte Internet Explorer? Die Frage, welcher Webbrowser die Nummer Eins ist, beschäftigt die Internet-Community seit Jahren. Doch was ist ein Browser überhaupt? Und gibt es einen Vertreter, der die Konkurrenz in allen Belangen übertrumpfen und als bester Browser ausgerufen werden kann?

Bootstrap-Tutorial: Die ersten Schritte

Bootstrap-Tutorial: Die ersten Schritte

Bootstrap gilt in der Online-Welt als eine der besten Lösungen, wenn es darum geht, mit einfachen Mitteln geräteübergreifende Websites zu gestalten. Doch was genau steckt hinter dem Framework, das eigentlich als firmeninternes Optimierungs-Tool von Twitter geplant war? Können auch absolute Neulinge ohne tiefere CSS-, JavaScript- und HTML-Kenntnisse sehenswerte Ergebnisse erreichen?

Website optimieren: Tipps und Tricks für mehr Speed

Website optimieren: Tipps und Tricks für mehr Speed

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...

CSS-Tricks, die Sie unbedingt kennen sollten

CSS-Tricks, die Sie unbedingt kennen sollten

Die Stylesheet-Sprache CSS ist eines der wichtigsten Werkzeuge der modernen Webentwicklung. Sie macht es möglich, Inhalt und Layout einer Website voneinander zu trennen, und wird beständig vom World Wide Web Consortium (W3C) weiterentwickelt. CSS-Snippets vereinfachen die Gestaltung von Webseiten erheblich und können sogar Funktionen von Photoshop und JavaScript übernehmen. Wir verraten einige...

Was ist ein Static-Site-Generator?

Was ist ein Static-Site-Generator?

Wer heutzutage eine Website erstellen möchte, kann dazu auf verschiedenste Hilfsmittel zurückgreifen. Besonders beliebt sind Baukästen und Content-Management-Systeme, die es ermöglichen, alle wichtigen Funktionen zu implementieren, ohne dass der Nutzer dafür über großartige HTML-Kenntnisse verfügen muss. Häufig sind diese Anwendungen allerdings viel zu umfangreich und ressourcenlastig, weshalb...