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

Die besten Browser von Microsoft, Mozilla & Co.

Auf der Suche nach dem besten Browser

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

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 Mobile-First-Ideen ist die Ladezeit diverser Webangebote immer noch 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...

Less-CSS: Tutorial

Less CSS: Vorstellung und Tutorial

CSS zählt zu den wichtigsten Sprachen im World Wide Web. Die Arbeit mit der Stylesheet-Sprache ist jedoch häufig unnötig umständlich, weshalb viele Entwickler stattdessen lieber Less nutzen. Der CSS-Präprozessor vereinfacht nicht nur das Schreiben des Stylesheet-Codes, sondern erweitert CSS auch um verschiedene Features wie Variablen, Funktionen oder Mixins. Wie das funktioniert, verrät unser...

CSS Grid

CSS Grid: Layout mit intelligenten Funktion

Wie soll man ein gutaussehendes Layout erstellen, wenn man die Größe des Darstellungsbereichs nicht kennt? Mit CSS Grid ist das kein Problem! Die Technik ermöglicht Webdesignern, ein eigenes Raster zu definieren und in diesem alle Elemente zu platzieren. Dank Automatismen und intelligenten Funktionen passt sich das CSS-Grid-Layout dynamisch an verschiedene Displays an.

CSS Flexbox

CSS Flexbox: Mehr Möglichkeiten beim Webdesign

Mobiles Internet stellt Webdesigner vor ein Problem: Wie soll man sein Layout vernünftig gestalten, wenn man die Größe des Bildschirms nicht kennt? Die Lösung: Man gibt die Aufgabe einfach ab. Mit CSS Flexbox erstellt man ein flexibles Layout, das sich dynamisch und intelligent an den verfügbaren Platz anpasst. Unser Flexbox-Tutorial zeigt, wie das funktioniert!

Web Components

Web Components erklärt

Kein Webentwickler kommt ohne HTML, CSS und JavaScript aus. Dabei wiederholen sich beim Programmieren die gleichen Elemente immer wieder und wieder, was nicht nur mühsam, sondern auch sehr zeitintensiv sein kann. Abhilfe schaffen die sogenannten Web Components, mit deren Hilfe sich individuelle HTML-Codes kapseln und so beliebig häufig wiederverwenden lassen.

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

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

HTML lernen: Das große Einsteiger-Tutorial

HTML lernen: Die ersten Schritte mit der Standard-Websprache

In Zeiten von Content-Management-Systemen und Homepage-Baukästen entsteht schnell der Eindruck, dass es reine Zeitverschwendung sei, HTML zu lernen. Doch spätestens, wenn eine Seite aus unerkenntlichen Gründen nicht mehr funktioniert oder wenn dynamische Elemente eingebaut werden sollen, kommen Sie ohne Kenntnisse in der Websprache nicht mehr weiter. In unserem ausführlichen HTML-Tutorial stellen...


Auf dem Laufenden bleiben?

Jetzt für unseren Newsletter anmelden und gratis Online-Marketing Whitepaper für lokale Anbieter sichern!