SW Business Solutions Logo
← Zurück zu allen Technologien
Less Logo

Less

Frontend

Less ist ein CSS-Präprozessor der CSS um Variablen, Mixins, Operationen und Funktionen erweitert — kompatibel mit Bootstrap 3 und älteren Projekten.

Less (Leaner CSS) war der erste populäre CSS-Präprozessor und ist heute vor allem in Legacy-Projekten und als Bootstrap-3-Basis verbreitet. Syntaktisch ähnlich zu Sass/SCSS. In neuen Projekten wird Sass oder Tailwind CSS bevorzugt, da diese aktiver entwickelt werden.

Website besuchen

Less bei SW Business Solutions

Less (Leaner Style Sheets) ist ein CSS-Präprozessor, den wir bei SW Business Solutions für Legacy-Projekte und Bootstrap-basierte Anwendungen einsetzen. Für Neuprojekte empfehlen wir Sass oder Tailwind CSS.

Einsatz in Kundenprojekten

  • Bootstrap-Anpassungen: Bootstrap 3 basiert auf Less - Customisierung über Less-Variablen
  • Legacy-Projekte: Wartung von Less-basierten Codebasen
  • Migration: Analyse und schrittweise Migration von Less zu Sass oder Tailwind

Less vs. Sass

Für neue Projekte wählen wir Sass (SCSS) über Less, da:

  • SCSS hat grössere Community und mehr Tooling-Support
  • Sass-Syntax (SCSS) ähnelt CSS stärker und ist intuitiver
  • PostCSS und moderne Build-Tools bevorzugen Sass

Warum Less noch relevant ist?

  • Bootstrap 3 Legacy: Grosse Anzahl bestehender Projekte auf Bootstrap 3/Less-Basis
  • Migrations-Wissen: Erfahrung mit Less-zu-Sass-Migration wichtig für Bestandskunden

Typische Projektkombinationen

KombinationAnwendungsfall
Less + Bootstrap 3Legacy-Bootstrap-Projekte
Less + WebpackBuild-Integration für ältere Projekte
Less + Migration zu SassModernisierung von Stilsheets
Less + AngularÄltere Angular-Projekte mit Less

Technische Details

Less kompiliert zu Standard-CSS. Client-seitiges Compilation über less.js ist möglich aber nicht empfohlen. Less Plugins erweitern Funktionalität. Bootstrap 3 nutzte Less, Bootstrap 4+ wechselte zu Sass.

Warum Less?

CSS-ähnliche Syntax — schnell zu lernen
Bootstrap-3-Integration
Variablen und Mixins
Client- oder Server-seitige Compilation
Funktionen und Operationen
Einfache Migration zu Sass möglich

Anwendungsszenarien für Less

🎨

Bootstrap-3-Projekte

Bootstrap 3 nutzt Less für Theming — bestehende Projekte mit Less-Variablen anpassen.

📁

CSS-Modularisierung

Große CSS-Codebases mit @import in wartbare Partials aufteilen.

⚙️

Variable-basiertes Theming

Design-Tokens als Less-Variablen definieren für konsistente Farben und Abstände.

Funktioniert gut mit

CSS3CSS3BootstrapBootstrapHTML5HTML5

Häufige Fragen zu Less

Less oder Sass?
Sass (SCSS) ist aktiver entwickelt, hat mehr Features und eine größere Community. Less ist syntaktisch ähnlich aber weniger mächtig. Für neue Projekte empfehlen wir Sass oder Tailwind CSS. Less ist relevant hauptsächlich für Bootstrap-3-Legacy-Projekte.
Wann ist Less noch sinnvoll?
Bootstrap 3 nutzt Less — Legacy-Bootstrap-3-Projekte benötigen Less-Kenntnisse. Für neue Projekte gibt es keinen Grund Less statt Sass zu wählen. Wenn du Less-Code migrieren möchtest: sass-migrator kann Less-Code teilweise zu SCSS konvertieren.
Was ist der Unterschied zwischen Less und CSS Custom Properties?
Less-Variablen (@primary-color) werden beim Build zu CSS kompiliert. CSS Custom Properties (--primary-color) sind native Browser-Features die zur Laufzeit änderbar sind. Für neue Projekte bieten CSS Custom Properties die gleiche Funktionalität ohne Build-Tool.

Schnelle Fakten

KategorieFrontend
KomplexitätEinsteiger
BeliebtheitMittel
Aktuelle Version4.x
Erscheinungsjahr2009
Website besuchen

Interessiert an Less?

Beratung anfragen

Interessiert an Less?

Lassen Sie uns gemeinsam besprechen, wie Less in Ihrem nächsten Projekt eingesetzt werden kann.

Kostenlose BeratungWeitere Technologien