+49 173 16 36 992 mail@skylite.design

Entwicklerportal

#Tutorial

Alle Beiträge mit dem Tag „Tutorial“.

Suche

#Tutorial

Tutorial VelinStyle

Transparency Framework nutzen: Bilder und Medien kennzeichnen

Anfänger

VelinStyle Transparency 1/1

VelinStyle 1.2.1+
Node.js 18+
Grundkenntnisse HTML/JS

Transparency Guide Cover-Bild

Schritt-Tutorial: Velin Transparency in 1.2.1 — HTML-Attribute, Badge-Overlay, JavaScript API und CLI für AI-Markierung von Bildern und Medien.

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

VelinDeploy: Erstes Deployment mit Backup, Health Check und Rollback

Empfohlen Neu Meist gelesen

Anfänger

VelinDeploy 1/2

Linux
Laravel 12
PHP 8.4
Docker

Beispielprojekt herunterladen Konfiguration herunterladen

VelinDeploy CLI installieren, .velin-deploy.yml für ein Laravel-Projekt konfigurieren und die komplette Pipeline ausführen — inklusive Git-Sicherheit und Webhook-Tipp.

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

Tutorial VelinStyle

Landingpage end-to-end bauen

Empfohlen Meist gelesen

Profi

VelinStyle Setup 28/28

Teile 1–11

Offizielle Dokumentation Cover-Bild

Bauen Sie eine komplette Landingpage: Hero, Sections, Motion, Formular und CTA.

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

VelinSentinel: Security-Agent installieren und mit dem Portal verbinden

Anfänger

VelinSentinel 1/3

Linux
VelinSentinel

Konfiguration herunterladen

Schritt-für-Schritt: Lizenz holen, Agent auf Linux installieren, config.yaml anpassen und den Server im Kundenportal überwachen — ohne SSH im Alltag.

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

Tutorial VelinStyle

Migration von Bootstrap zu VelinStyle

Profi

VelinStyle Setup 27/28

Bestehende Projekte

Offizielle Dokumentation Cover-Bild

Map Bootstrap-Klassen auf VelinStyle und migrieren Sie Modul für Modul.

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

Tutorial VelinStyle

Design System dokumentieren

Profi

VelinStyle Setup 26/28

Brand-Kit
Komponenten

Offizielle Dokumentation Cover-Bild

Dokumentieren Sie Tokens, Komponenten und Do/Don'ts als lebendiges Design System.

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

Tutorial VelinStyle

Sicherheit und CSP mit Web Components

Profi

VelinStyle Setup 25/28

Web Components
Production

Offizielle Dokumentation Cover-Bild

Content-Security-Policy, Inline-Handler und sichere Einbindung von Velin Components.

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

Tutorial VelinStyle

Performance und Critical CSS

Profi

VelinStyle Setup 24/28

Produktion Basics

Offizielle Dokumentation Cover-Bild

Reduzieren Sie CSS/JS-Kosten: Critical CSS, Lazy Components und Bundle-Strategie.

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

Tutorial VelinStyle

Mehrsprachigkeit und i18n-Patterns

Fortgeschritten

VelinStyle Setup 23/28

Formulare
Komponenten

Offizielle Dokumentation Cover-Bild

Texte, Richtungen und Datumsformate in VelinStyle-UIs mehrsprachig denken.

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

Tutorial VelinStyle

Komponenten testen und debuggen

Profi

VelinStyle Setup 22/28

Web Components
CLI

Offizielle Dokumentation Cover-Bild

Testen Sie Komponenten manuell und mit CLI-Checks — inkl. typischer Fallstricke.

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

Tutorial VelinStyle

Brand-Kit und Custom Theme

Profi

VelinStyle Setup 21/28

Theme & Dark Mode

Offizielle Dokumentation Cover-Bild

Bauen Sie ein Marken-Theme aus Tokens, Farbpaletten und Typo-Entscheidungen.

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

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 5 Aufrufe 0 Likes 0 Kommentare

Beiträge 1–12 von 58