Template Tabs - Beispiel für die Anwendung
UIDEV - Wo das Internet lebt
UrbanInternetDEVeloping - Template Tabs
Template Tabs ist ein Block mit sich öffnenden Register. Den Inhalt der Tabs kann je nach Wunsch selbst aufgebaut werden. Es ist auch gleichzeitig mein eigenes MindMap. Die hier stichwortartigen Beispiele werden in der Vollversion ausführlich erklärt.
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 (Stichwörter in Überschrift auch in Text nutzen / Tags)
die richtige Schriftart
Farben und Kontrast für die Sichtbarkeit
Einheitliche Darstellung
robots.txt richtig einrichten
sitemap für alle wichtigen Seiten mit Priorität
PreLoad einrichten zum Vermeiden von unschönen Ladevorgänge und Suchmaschinen Fehler
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
Einsatz und Verwendung von CronJobs
Einsatz von CSV / XML / JSON als Schnittstelle für Datenübertragung
wichtig: immer ein FallBack bereit stellen, zB wenn gzip momentan nicht geht
MindMap
MindMap - Ideen und Fehler
.error_log: Fehler in Scripts, veraltete Anwendungen korregieren
neue Ideen aufschreiben, zB vue.js einbauen
Korrekturen, Erweiterungen und Verbesserungen
wichtige Updates OffPage testen und OnPage ersetzen / einbauen
Nachhaltigkeit (Energie):
- langes laden vermeiden, dh. zB externe Werbung nach bestimmter max Zeit abbrechen
- Bilder und Videos optimieren
- Cache richtig nutzen (zB mit cookie, header)
- Speicherverbrauch reduzieren
- unnötige PINGS vermeiden (Firewall verhindert Antwort)
- zu grosse Videos vermeiden (intern: reduzieren / extern abbrechen bei max Dateigröße)
Fehler von google und SEO richtig intpretieren:
- google no-index von Seite verstehen
- Error 404/410 richtig anwenden
- canonical richtig einrichten
- Header (H1-H6) und Texte mit Tags (= KeyWords) richtig anwenden
Warum WebDesign und MultiMedia Zukunftssicher sind
