CSS

Bootstrap-Tutorial: Die ersten Schritte

Bootstrap-Tutorial: Die ersten Schritte mit dem Twitter-Framework

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?

Bootstrap 5

Bootstrap 5: Die wichtigsten Neuerungen

Was gibt es für Neuerungen? Bootstrap 5 soll das Erstellen von modernen, eleganten Websites noch einfacher machen. Die Entwickler versprechen schnellere Ladezeiten, bessere User Experience und sinnvolleren Code: kein jQuery mehr, keine Unterstützung für den Internet Explorer und dafür noch mehr Flexibilität in der Gestaltung.

Eine Bildergalerie für Ihre Homepage erstellen

Webdesign-Basics: Eine Bildergalerie für die Homepage erstellen

Das Internet lebt von multimedialen Inhalten. Egal, ob Bilder, GIFs oder Videos – ohne visuelle Reize wären viele Websites nur eine graue Textwüste und Onlineshops reine Aufzählungen von Produktinformationen. Ein Klassiker, um seinen Website-Besuchern Grafiken und Bilder übersichtlich zu präsentieren, ist die Bildergalerie. Über HTML ist eine einfache Galerie mithilfe von Lightbox problemlos...

Programmieren lernen: Einstieg & Grundlagen

Grundlagen zum Programmieren lernen

Willkommen im digitalen Zeitalter: Mehrere Stunden täglich verbringt der Normalverbraucher vorm PC oder am Smartphone. Ein Grundverständnis davon, wie die Programme funktionieren, die wir tagtäglich nutzen, haben jedoch nur wenige. Dabei wird es immer einfacher, Programmieren zu lernen. Onlinekurse, Video-Tutorials und riesige Communities helfen dabei, hinter HTML, C++ und PHP mehr als nur...

CSS Grid

CSS Grid: Layout mit intelligenter 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.

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


Auf dem Laufenden bleiben?

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