Knopf․css: Diese Bibliothek sorgt für schicke Buttons in deinen Webdesigns
#webdesign #github #css

Knopf․css ist eine Bibliothek mit einem Namen, der hält, was er verspricht․ Mit ihrer Hilfe könnt ihr konsistent und einfach Schaltflächen erstellen․ Eine Grundausstattung wird mitgeliefert․
Es ist eine minifiziert 8,6 Kilobyte große CSS-Datei, die ihr in eure Website einbinden müsst, um die Basis für ein konsistentes und nachvollziehbares Button-Management zu bekommen․ Denn um nicht mehr oder weniger kümmert sich die CSS-Bibliothek Knopf․css von den Entwicklern hinter der Videokonferenz-Lösung Team-Video․
Knopf․css produziert Knöpfe für Websites
Ursprünglich für das Rapid․․․

Webdesign: Revkit ist ein kostenloses UI-Kit für den schnellen Entwurf
#ui #prototyping #adobexd #figma #webdesign #sketch #uidesign

Der vollkommen kostenlos verwendbare UI-Setzkasten Revkit will Webdesigner bei der schnellen Umsetzung von Prototyp-Sites unterstützen․ Das Kit gibt es als Datei für Sketch, Figma und Adobe Xd․ Damit sollten 90 Prozent aller Gestalter erreicht werden können․
Der UI- und Produktdesigner Nitish Khagwal legt mit der UI-Bausteinsammlung Revkit ein Tool vor, das den Webdesigner-Werkzeugkasten bereichern kann․ Der Sinn des Revkit besteht nach der Intention seines Schöpfers darin, visuelle Webdesign-Prototypen nicht vom Whitescreen weg, sondern auf der Basis eines stabilen Grundgerüsts zu bauen․

https://t3n․de/news/wp-content/uploads/2020/08/revkit-promo․․․

Webdesign: Free Illustrations ist eine zentrale Anlaufstelle für kostenlose Grafiken
#webdesign

Mit „Free Illustrations“ finden Webdesigner nun eine Zusammenstellung von Sammlungen freier Illustrationen vor․ Immerhin fast 100 Sammlungen mit kostenlosen Grafiken der unterschiedlichsten Formate zählt die Übersicht bereits․
Kostenlose Assets für das Webdesign gibt es im Netz zuhauf․ Dennoch stehen Suchende vor mehreren Problemen․ Zunächst wollen die großzügigen Bereitsteller gefunden werden․ Dann muss der Suchende feststellen, ob die Qualität den Download lohnt und ob die Lizenz die Verwendung für das konkrete Projekt zulässt․
Free Illustrations: Fleißig kuratierte Übersicht mit rund 100 Einträgen
All diese․․․

Webdesign: Diese beiden frischen SVG-Icon-Sammlungen bringen dir fast 900 kostenlose Piktogramme
#webdesign

Mit den Forge Icons und den Tabler Icons erhaltet ihr zwei brandneue Symbolsammlungen mit Piktogrammen in Outline-Optik․ Da es sich um SVG-Entwürfe handelt, könnt ihr die Icons frei nach euren Wünschen anpassen․
Tabler Icons
Die Sammlung „Tabler Icons“ vom polnischen Designstudio Codecalm um den Webentwickler Pawel Kuna umfasst mittlerweile rund 560 Piktogramme im Vektor-Format SVG (Scalable-Vector-Graphics), das etwa vom Open-Source-Programm Inkscape gelesen und geschrieben werden kann․ Natürlich unterstützen auch die Adobe- und Affinity-Apps das Format․
Auf der Homepage der Tabler Icons könnt ihr den․․․

Omatsuri: Diese 11 Alltags-Tools für Webentwickler funktionieren offline
#progressivewebapp #entwicklungunddesign #webentwicklung #webdesign

Mit der PWA Omatsuri erhalten Webdesigner und -entwickler eine kleine Sammlung nützlicher Open-Source-Tools für alltägliche Aufgaben․
Vitaly Rtishchev ist Frontend-Entwickler und stammt aus Moskau․ Sein Spezialgebiet ist die Entwicklung mit Javascript․ Mit der neuen Browser-App Omatsuri stellt er seinen Kolleginnen und Kollegen aus der Webentwickler-Community einen Werkzeugkasten zur Verfügung, der schon konzeptionell anders als andere ist․
Omatsuri: keine Serververbindungen
Omatsuri ist japanisch und bedeutet Festival․ Nach․․․

Webdesign: Diese Grundsätze der Seitennavigation sind zeitlos
#webdesign #entwicklungunddesign

Mit dem Design der Navigation wurde schon viel experimentiert․ Inzwischen können wir klare Empfehlungen dazu ableiten, wie wir vorgehen sollten․ Dennoch kommt es auch hier auf den konkreten Einzelfall an․

Das sogenannte Menü, das wir zur Seitennavigation verwenden, ist an unterschiedlichsten Positionen denkbar und kann das unterschiedlichste Aussehen annehmen․ Es kann viele oder nur ganz wenige Einträge haben․ Und je nach Zweck, Größe und Zielsetzung der individuellen Website wird auch das Menü unterschiedlich sein․ Das eine, immer richtige Standardmenü gibt es nicht․
Zudem gehört zur․․․

Responsive Webdesign: 4 Tools für die Viewport-Vorschau
#entwicklungunddesign #webdesign #browser #responsivewebdesign #opera

Auf einen Blick sofort sehen, ob euer CSS für die verschiedenen Viewport-Größen funktioniert? Dafür gibt es eine Reihe von Tools – diesesr Tool-Tipp stellt vier davon vor․

Frontend-Entwickler, die für mehrere Viewport-Größen designen, sind meist mehr damit beschäftigt, das Browserfenster zu ändern, als damit, sich um den Code des UI zu kümmern․ Zum Glück gibt Tools, die euch diese Aufgabe abnehmen․ Das Prinzip ist folgendes: Scrollt, klickt oder tippt ihr in einer der Ansichten, wird dieses Verhalten in allen anderen Fenstern repliziert․
Responsively
So sieht die․․․

Designer kaufte argentinische Google-Domain für weniger als 3 Euro
#domain #google #webdesign

Für weniger als drei Euro konnte sich ein Webdesigner die argentinische Domain von Google sichern․ Lange durfte er die Adresse allerdings nicht behalten․
Nach Angaben der BBC hat Google letzten Mittwoch kurzzeitig die Kontrolle über die argentinische Domain Google․com․ar verloren․ Die gehörte zu diesem Zeitpunkt dem Webdesigner Nicolas Kurona․ Der Dreißigjährige hatte zuvor festgestellt, dass die argentinische Google-Domain nicht erreichbar war․ Aus Interesse schaute Kurona daher bei dem zuständigen Top-Level-Registrar NIC Argentina vorbei․ Zu․․․

Webdesign mit Gefühl: Artdirection spricht User emotional an
#webdesign

Gute Websites müssen nicht nur professionell aussehen und Designstandards erfüllen, sie sollen die Betrachter auch emotional ansprechen․ Das erfordert klare Ziele․

Menschen gehen an einer Plakatwerbung vorbei und müssen schmunzeln․ Sie blättern durch ein Magazin und verlieren sich in den Seiten․ Sie haben etwas Neues gekauft und fühlen sich so ­richtig gut damit․ Warum? Weil diese Situationen Emotionen in ihnen ausgelöst haben․ Anreize haben sie bewogen, sich mit etwas auseinanderzusetzen, Neues zu erleben oder Dinge zu kaufen․ Diese Menschen glauben․․․

Diese Webdesign-Trends bestimmen 2022
#entwicklungunddesign #webdesign

Schon mal von Neobrutalismus oder Memphis-Design gehört? Webdesigner sollten sich diese Begriffe merken, denn 2022 wird kaum etwas ohne sie gehen․
Jedes Jahr aufs Neue hat die digitale Welt zahlreiche Innovationen in den Bereichen Animation, Interaktion und Immersion zu bieten․ Auch im Webdesign zeichnen sich bereits jetzt bestimmte Trends ab, die 2022 dominieren werden․ Die 80er und 90er Jahre kommen zurück, Typografie spielt eine führende Rolle und Live-Animationen steigen zu neuen Höhen auf․ Mit Blick auf das Visuelle werden Hightech․․․

Von Y2K bis Metaverse: Das sind die 5 Webdesign-Trends 2023
#webdesign #metaverse #browser

Y2K, die Neunziger und mehr – die Ästhetik-Trends im Webdesign für 2023 sind vor allem eins: retro․
Wie in jeder Branche auch ist das Webdesign nicht vor Trends gefeit․ Oft bestimmt die jüngste Generation maßgebend den Wandel, aktuell ist das die Generation Z․

5 Dinge, die du diese Woche wissen musst: Kostenlos in Harvard oder Stanford studieren
#metaverse #webdesign #studium #chatgpt #podcast

Jeden Montagmorgen berichten wir über fünf Dinge, die zum Wochenstart wichtig sind․ Diesmal geht es unter anderem um ganz neue Weiterbildungsmöglichkeiten, OpenAI, den Oura-Ring, Webdesign-Trends und die Frage nach dem Trinkgeld bei Kartenzahlung․
Die gute Nachricht dabei: Die Möglichkeiten und Chancen für einen Quereinstieg sind heute besser als jemals zuvor – das liegt nicht nur daran, dass Unternehmen in Zeiten des Fachkräftemangels ihre Anforderungen herunterschrauben․ Auch Personaler:innen blicken längst nicht mehr skeptisch auf einen oder mehrere Spurwechsel: Eine Neuorientierung signalisiert doch vor allem, dass ein:e Bewerber:in lebenslanges Lernen lebt und keine festgefahrenen Bahnen․․․