Template Tabs - Beispiel für die Anwendung

Placeholder image

UrbanInternetDEVeloping - Template Tabs

Template Tabs ist ein Block mit sich öffnenden Register. Den Inhalt der Tabs kann je nach Wunsch selbst aufgebaut werden.

Bootstrap

Bootstrap 5.3+

Neues bei Bootstrap

wichtige Bausteine

Komponente und deren Anwendung

HTML5 / CSS3

Struktur von HTML5 / CSS3

Meta-Tags richtig einsetzen (mod_rewrite / Meta-Tags Angaben)

von H1 bis H6

wichtige Bausteine / Tags von HTML5

die richtige Struktu

CSS3 / SCSS

transition / animate / keyframes

W3C valid / SEO optimiert

jQuery

jQuery 3.7+

richtiges laden (vor dem laden / nach dem laden des Dokumentes)

wichtige Definitionen

AJAX & CO

Cookies

Struktur der Anwendungen

Server

Servereinstellungen (mod_rewrite)

header - cache, store, pragma, expire, add

Index, Options

Applikations - gzip, deflate

Files - Schutz, Zugriffsrechte, shtml

deny - IP Sperre, Verzeichnisschutz, Passwort

Errorhandling - Redirect

Crawler, Sniffer, Injection, Queries

Optimierung

Optimierung der Website

minify, zusammenfassen, gzip von css und javascript

Bilder reduzieren, umwandeln

Video und Media umwandeln, reduzieren

no-cache und cache richtig anwenden

Überschriften und deren Texte

die richtige Schriftart

Farben und Kontrast für die Sichtbarkeit

Einheitliche Darstellung

PHP

PHP - ServerScript - der Server weiß alles

SESSIONS und define

GD, gzip & CO richtig anwenden

Files auslagern und schützen (include, require)

Tools und DevOps

MVC Architektur und classLibrary

globale Funktionen

wichtig: immer ein FallBack bereit stellen, zB wenn gzip momentan nicht geht


UIDEV - Intro

Über UIDEV
Projekt SIOUX7

Diese Demo ist für das Frontend von
UIDEV - Projekt SIOUX7

Meine Ziele bei dieser Demo:
  • Optimale Einstellungen der Serverumgebung / -anwendungen
  • Fehlerfrei, besonders bei PHPTools
  • Ladegeschwindigkeit optimieren
  • Sicherheit vor Fremdeinbindung in andere Webseiten
  • schutz von upload Bilder / Media / Archive
  • Einheitliches Design (Schrift / Farben / Icons)
  • Optimale und Fehlerfreie Darstellung der Plugins
  • responsive Darstellung Desktop / Mobile / Tablet
  • moderne Anwendungen
  • CrossBrowser / CrossMedia
  • Datenschutz für den Anwender mit einstellbaren Cookies
  • schutz des Kontaktformulars
  • MultiMedia / Animate / Effect
  • Bis zu 100% Nutzung aller Elemente der Webseite

Status: FrontEnd Demo abgeschlossen!


We use (local):

  • The Bootstrap Foundation 5.3+
  • OpenJS Foundation jQuery 3.7+
    (with CSP ['nonce'])
  • Daniel 'Eisbehr' Kern
  • Metafizzy
  • Klaus Hartl
  • Fred Heusschen
  • Ken Wheeler