CSS

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?  Weiter 

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?  Weiter 

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 [...]  Weiter 

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 [...]  Weiter 

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. [...]  Weiter 

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 [...]  Weiter 

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 [...]  Weiter 

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 [...]  Weiter 

Parallax Websites: Scrolling-Effekte mit Tiefenwirkung

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 [...]  Weiter 

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 [...]  Weiter