+49 173 16 36 992 mail@skylite.design

Entwicklerportal

#Tutorial

Alle Beiträge mit dem Tag „Tutorial“.

Suche

#Tutorial

Tutorial VelinStyle

Typografie vertiefen

Anfänger

VelinStyle Setup 20/28

Utilities & Tokens

Offizielle Dokumentation Cover-Bild

Display, Lead, Body und Hierarchie — Typografie als Leseführung einsetzen.

— 🕒 2 Min. Lesezeit 13 Aufrufe 0 Likes 0 Kommentare

Tutorial VelinStyle

Icons und Icon-System

Anfänger

VelinStyle Setup 19/28

Erste Komponenten

Offizielle Dokumentation Cover-Bild

Icons konsistent einbinden: Größe, Farbe, Accessibility und Sprites/SVG-Patterns.

— 🕒 2 Min. Lesezeit 15 Aufrufe 0 Likes 0 Kommentare

Tutorial VelinStyle

Navigation: Sidebar und Breadcrumbs

Fortgeschritten

VelinStyle Setup 18/28

Navbar-Basics

Offizielle Dokumentation Cover-Bild

Strukturieren Sie App-Navigation mit Sidebar, Breadcrumbs und aktivem Zustand.

— 🕒 2 Min. Lesezeit 13 Aufrufe 0 Likes 0 Kommentare

Tutorial VelinStyle

Tabellen und Datenanzeige

Fortgeschritten

VelinStyle Setup 17/28

Layout-Basics

Offizielle Dokumentation Cover-Bild

Gestalten Sie lesbare Tabellen, Responsive-Varianten und Datenzeilen mit VelinStyle.

— 🕒 2 Min. Lesezeit 14 Aufrufe 0 Likes 0 Kommentare

Tutorial VelinStyle

Popover und Tooltips richtig einsetzen

Fortgeschritten

VelinStyle Setup 16/28

Komponenten

Offizielle Dokumentation Cover-Bild

Kurze Kontextinfos mit Popover/Tooltip — Trigger, Placement und Fokusfallen verstehen.

— 🕒 2 Min. Lesezeit 11 Aufrufe 0 Likes 0 Kommentare

Tutorial VelinStyle

Sheet, Drawer und Accordion

Fortgeschritten

VelinStyle Setup 15/28

Web Components Basics

Offizielle Dokumentation Cover-Bild

Bauen Sie Side-Panels und Akkordeons für längere Inhalte und mobile Flows.

— 🕒 3 Min. Lesezeit 10 Aufrufe 0 Likes 0 Kommentare

Tutorial VelinStyle

Produktion: A11y, Scan, Performance, Deploy

Empfohlen Meist gelesen

Profi

VelinStyle Setup 14/28

Laufendes VelinStyle-Projekt

Offizielle Dokumentation Cover-Bild

Härten Sie das Projekt für Go-Live: Accessibility, Scans, Performance und Deploy.

— 🕒 3 Min. Lesezeit 10 Aufrufe 0 Likes 0 Kommentare

Tutorial VelinStyle

Laravel- und React/Vite-Integration

Profi

VelinStyle Setup 13/28

Laravel 11+ oder Vite
Teil 1

Offizielle Dokumentation Cover-Bild

Integrieren Sie VelinStyle in Laravel Blade/Vite oder einen React/Vite-Starter.

— 🕒 3 Min. Lesezeit 13 Aufrufe 0 Likes 0 Kommentare

Tutorial VelinStyle

CLI Ship Surface: create, check, doctor

Profi

VelinStyle Setup 12/28

Node.js
VelinStyle CLI

Offizielle Dokumentation Cover-Bild

Nutzen Sie create, check, doctor und Blueprints für Scaffolding und Qualitätschecks.

— 🕒 2 Min. Lesezeit 13 Aufrufe 0 Likes 0 Kommentare

Tutorial VelinStyle

Motion & Animationen

Fortgeschritten

VelinStyle Setup 11/28

Komponenten

Offizielle Dokumentation Cover-Bild

Setzen Sie Reveal, Scroll und Hover-Motion gezielt und barrierearm ein.

— 🕒 2 Min. Lesezeit 11 Aufrufe 0 Likes 0 Kommentare

Tutorial VelinStyle

VelinSearch & HTML-Attribute

Fortgeschritten

VelinStyle Setup 10/28

Web Components

Offizielle Dokumentation Cover-Bild

Richten Sie Offline-Suche mit Index, Fuzzy, Keyboard und HTML-Attributen ein.

— 🕒 2 Min. Lesezeit 12 Aufrufe 0 Likes 0 Kommentare

Tutorial VelinStyle

Web Components: Modal, Tabs, Toast

Fortgeschritten

VelinStyle Setup 9/28

Komponenten & Formulare

Offizielle Dokumentation Cover-Bild

Nutzen Sie Modal, Tabs und Toast inklusive open/close-API und Accessibility.

— 🕒 3 Min. Lesezeit 11 Aufrufe 0 Likes 0 Kommentare

Beiträge 13–24 von 59