Netz

Erstellen Sie ansprechende Bildeffekte mit CSS-Verläufen und Seitenverhältnis

Ein klassisches Problem in CSS ist die Beibehaltung des Seitenverhältnisses von Bildern über verwandte Komponenten hinweg, wie z. B. Karten. Die neu unterstützte Eigenschaft „aspect-ratio“ in Kombination mit „object-fit“ schafft hier Abhilfe! Lassen Sie uns lernen, diese Eigenschaften zu verwenden, zusätzlich zum Erstellen eines ansprechenden Bildverlaufseffekts für zusätzliches Flair.

Stand der DSGVO im Jahr 2021: Wichtige Aktualisierungen und was sie bedeuten

Als digitale Praktiker hat die DSGVO jeden Aspekt unseres Berufs- und Privatlebens beeinflusst. Egal, ob Sie süchtig nach Instagram sind, Ihrer Familie Nachrichten über WhatsApp senden, Produkte von Etsy oder Google-Informationen kaufen, niemand ist den Regeln entgangen, die 2018 eingeführt wurden.

Erstellen Sie Ihren eigenen persönlichen Lehrplan

Als Entwickler lernen wir ständig neue Sprachen und Frameworks. Aber wie können Sie dieses Lernen strukturieren, um maximalen Nutzen zu erzielen und gleichzeitig Fortschritte zu erzielen? So können Sie Ihren eigenen Lehrplan erstellen, um sich in die richtige Richtung zu bewegen.

Kontext und Variablen im Hugo Static Site Generator

In diesem Artikel werfen wir einen Blick auf das Thema Kontext und Variablen in Hugo, einem beliebten Static-Site-Generator. Sie werden Konzepte wie den globalen Kontext, die Flusssteuerung und Variablen in Hugo-Vorlagen sowie den Datenfluss von Inhaltsdateien durch Vorlagen zu Partials und Basisvorlagen verstehen.

DevTools Debugging-Tipps und Shortcuts (Chrome, Firefox, Edge)

DevTools ist sehr fortschrittlich und hilfreich, kann aber auch sehr einschüchternd und überwältigend sein. Lassen Sie uns das beheben. In diesem Artikel geht Vitaly auf nützliche Funktionen und Verknüpfungen zum Debuggen in Chrome, Firefox, Edge und Safari ein.

Optimieren von Videos für Größe und Qualität

Das Hinzufügen von Videos zu Ihrer Anwendung kann die Kundenbindung und -zufriedenheit steigern. Bei Problemen mit der Videowiedergabe kann jedoch genau das Gegenteil eintreten: Videostände sind frustrierend und vertreiben Kunden. In diesem Artikel gehen wir durch die Schritte zur Optimierung des Videos auf Ihrer Website, um eine schnelle Wiedergabe zu gewährleisten und Verzögerungen zu vermeiden.

Dinge, die Sie von einem großartigen Workshop erwarten können: Form Design Masterclass

Vor ein paar Wochen haben wir eine [Form Design Masterclass](https://smashingconf.com/online-workshops/workshops/adam-silver) organisiert, einen Online-Workshop mit Adam Silver zusammen mit 81 freundlichen und klugen Leuten. Heute teilt Adam seine Erfahrungen und Details, indem er hervorhebt, was Sie als Teilnehmer von einem Smashing Workshop erwarten können und was Sie bei der Durchführung eines Workshops beachten sollten.

Was uns Saul Bass über Webdesign beibringen kann

Filmkredite, Markenlogos, Plakate … Saul Bass hat alles getan, und die Prinzipien, die seine Arbeit prägten, sind heute genauso wertvoll wie vor 50 Jahren.

Erstellen einer Web-App mit React, Redux und Sanity.io

Headless CMS ist eine leistungsstarke und einfache Möglichkeit, Inhalte zu verwalten und auf APIs zuzugreifen. Sanity.io baut auf React auf und ist ein nahtloses Tool für flexibles Content-Management. Es kann verwendet werden, um einfache bis komplexe Anwendungen von Grund auf zu erstellen. In diesem Artikel erklärt Ifeanyi, wie man mit Sanity.io und React eine einfache Listing-App erstellt. Die globalen Zustände werden mit Redux verwaltet und die Anwendung wird mit styled-components gestylt.

Dynamisches statisches Tippen in TypeScript

In diesem Artikel betrachten wir einige der fortgeschritteneren Features von TypeScript, wie Union-Typen, bedingte Typen, Template-Literaltypen und Generika. Wir möchten das dynamischste JavaScript-Verhalten so formalisieren, dass wir die meisten Fehler abfangen können, bevor sie auftreten.