t3n.de
157 subscribers
28.5K links
Hier werden alle Nachrichten aus dem RSS-News-Feed von t3n.de gepostet. 🤓

Mehr News đź“°
@DerNewsChannel

Bei Fragen und Problemen 🤔
@DerNewsChat
Download Telegram
GrĂĽner gestalten: So geht nachhaltiges Webdesign
#klimaundtech #webentwicklung #webdesign

Der ökologische Fußabdruck unserer Onlineaktivitäten wächst stetig․ Doch kaum ein Nutzer denkt beim Surfen an riesige Rechenzentren, die Daten hin und her ­schieben․ Können wir mit einem anderen Ansatz in der Webentwicklung das Internet umweltfreundlicher gestalten? Die Antwort in unserem Schwerpunkt Klima und Tech․

Wäre das Internet ein Land, es würde Platz 6 der Liste der ­Länder mit dem größten CO₂-Ausstoß belegen․ Inzwischen ­haben ­unsere Onlineaktivitäten einen ähnlich großen ökologischen Fuß­abdruck wie der globale Luftverkehr․ Doch im Alltag werden wir als Nutzer nur selten mit dieser Tatsache konfrontiert․ Um ­unseren ökologischen Fußabdruck zu messen, geben wir an, wie viele Kilometer wir im Jahr․․․
So lernst du Webdesign mit CSS – in 4 Minuten
#entwicklungunddesign #css #webdesign

Jerry Thomas – der Entwickler hinter der Bootstrap-Alternative Bulma․css – hat einen Leitfaden zum Thema Webdesign veröffentlicht, mit dem ihr in vier Minuten die wichtigsten gestalterischen Prinzipien lernt․

Angenommen, ihr habt ein Produkt, ein Portfolio oder einfach eine Idee, das oder die ihr auf eurer eigenen Website teilen wollt․ Bevor ihr das im Netz veröffentlicht, wollt ihr natĂĽrlich sicherstellen, dass das Ganze „attraktiv, professionell oder zumindest vorzeigbar“ aussieht â€“ aber ihr habt euch noch nie mit Webdesign oder CSS – das steht fĂĽr Cascading Style Sheets – beschäftigt?
Interaktiv u․․․
Webdesign: Das sind die besten CSS-Features, die es nicht gibt
#webdesign #css

CSS entwickelt sich schnell, aber nicht schnell genug․ Developer Tyler Sticka hat ein paar gute Ideen für noch nicht existente Features zusammengetragen․
Webdesigner und -entwickler erfreuen sich inzwischen an deutlichen Verbesserungen im Leistungsumfang der CSS-Spezifikation․ Besonders Flexbox, CSS Grid oder die Custom Properties erleichtern die Entwicklung moderner Websites enorm und bieten vor allem gestalterisch eine deutliche Aufwertung bei reduziertem Code-Aufwand․
CSS: Wünsch dir was …
Dennoch gibt es immer noch eine lange Wunschliste an․․․
Webdesign: Fluiditype ist eine schlanke CSS-Bibliothek fĂĽr flexible Typografie
#css #font #typografie #webdesign

Die CSS-Bibliothek Fluiditype kümmert sich um eine dem Viewport automatisch angepasste Typografie․
Die mit drei Kilobyte sehr kleine CSS-Bibliothek Fluiditype des niederländischen Designers Boris Skirov sorgt dafür, dass deine Schriften sich stets proportional zum Viewport verhalten․ Dabei sind sie 100 Prozent fluid, skalieren also stufenlos․
Fluides Skalieren statt starrer Breakpoints
Darin besteht der Unterschied zu den üblichen Responsive-Ansätzen․ Da brechen Seiten auf der Grundlage von․․․
UX-Design: GlĂĽcklichere User durch positives Webdesign
#usability #webdesign #entwicklungunddesign #frameworks #uxdesign

Gute GefĂĽhle, glĂĽckliche Nutzerinnen und Nutzer: Das ist das Ziel von Â­â€žPositive UX Design“ und so sollen sie an Marken und Unternehmen gebunden werden․ t3n zeigt, was dahintersteckt, und wie UX-Designer es richtig umsetzen․
Der Begriff User-Experience (UX) umschreibt alle Aspekte der Erfahrungen eines Nutzers bei der Interaktion mit einem ­Produkt, Dienst, einer Umgebung oder Einrichtung․ UX-Designer wollen Menschen begeistern․ Schon klar․ Sie wollen die Interaktion ­zwischen Technologie und Nutzer möglichst so gestalten, dass positive Erlebnisse entstehen․ Richtig․ Doch wollen sie ­Menschen mit ihren Designs auch․․․
Atomic Design: So funktioniert kleinteilige Web-Gestaltung und deshalb ist sie sinnvoll
#webdesign #entwicklungunddesign #css #webentwicklung

Die Gemeinde der Webdesigner und -entwickler war noch nie verlegen darum, neue Begrifflichkeiten zu erschaffen․ Ein Wörterbuch „Deutsch-Webentwickler“ gibt es wahrscheinlich nur deshalb noch nicht, weil es ein mehrbändiges Werk wäre, für das einfach der Markt zu klein ist․ Heute schauen wir uns einmal den Begriff des „Atomic Design“ näher an․

Atomic Design: Das Grundkonzept
Der Begriff Atomic Design geistert seit gut sieben Jahren durch das Web․ Erfunden von Brad Frost und mit einem kompletten, online lesbaren Buch hinterlegt, lässt indes der Siegeszug auf sich warten․ Oder doch nicht? Das hängt ganz von der Perspektive des Betrachters ab․
Für den Fall, dass ihr noch nichts von Atomic Design gehört habt, stellen wir den theoretischen․․․
Portfolio auf- und ausbauen: Macht es einfach, aber nicht fĂĽr umsonst
#targetingdigitalesreisen #webdesign #digitalenomaden

Keine Frage, gute Referenzen und ein überzeugendes Portfolio sind das A und O bei der Akquise, Kontakte und Netzwerke sind das i-Tüpfelchen – das gilt natürlich auch für digitale Nomaden․ Für die von euch, die schon einige Berufserfahrungen haben sammeln können, sollte das kein Problem sein․ Was aber, wenn ihr noch ziemlich am Anfang steht?
Auch ein Dauerbrenner in vielen Foren und Coworking-Places sind solche Angebote „Ich arbeite kostenlos für euch, ich brauch was für mein Portfolio!“․ Zumeist bieten das eher Berufseinsteiger oder Umsteiger an․ Die gestalten Websites, setzen Shopsysteme auf, texten, übersetzen, führen Shootings durch oder arbeiten irgendwelche Jobs ab – ohne Bezahlung․ Und solche Angebote nehmen gerne Leute in․․․
Webdesign: Moderne Illustrationen fĂĽr deine 404-Seite
#webdesign #entwicklungunddesign

Die Gestaltung guter Fehlerseiten für den HTTP-Fehler 404 ist eine Kunst ganz eigener Art․ Wir haben zwei Sammlungen mit modernen Illustrationen gefunden, die perfekt für das Design einer 404-Seite geeignet sind․
Der HTTP-Code 404 bezeichnet die häufigste Fehlermeldung des Internets․ Ein Vertipper in der URL und schon kommt es zu dieser Meldung im Browser eurer Seitenbesucher․ Der zeigt letztlich an, dass eine Seite, die aufgerufen werden sollte, nicht vorhanden ist․
Der dröge Standard: 404 – Seite nicht gefunden
Apache-Standardmeldung: Das verdienen eure Besucher nicht․ (Screenshot: t3n)
Webserver․․․
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․․․