React Tutorial // The easiest way to learn React

React Tutorial // The easiest way to learn React

Auf react-tutorial.app könnt ihr live und interaktiv React erlernen indem ihr eine Online Shop App erstellt. Alles was ihr dazu benötigt ist ein kostenloser Git-Account. Und falls euch noch das nötige JavaScript Knowhow fehlt, kann man das hier auch nachholen: https://learnjavascript.online Learn modern React from scratch, and practice in an intuitive environment. Throughout this course, you will build an online supermarket shopping app with Stripe integration. Weitere Themen die der Kurs beinhaltet: React.createElement JSX Advanced JSX ReactDOM React Elements React Components Functional Components Props State Hooks Destructuring UI Kit UI Library DOM Events Custom Events Lifting state Using APIs Immutability Error Boundaries Accessibility Folder structure Create React App Virtual DOM Context Provider React Dev Tools React Router Forms Class Components Composition Inheritance  

Building Beautiful UIs // Adobe XD Tutorial

Building Beautiful UIs ist ein kostenloser Online-Kurs von Christopher Murphy, der einem auf Basis von Adobe XD (gibt’s kostenlos als Download) die fundamentalen Prinzipien von User Interface Design näher bringt. Passend zur Lektüre gibt’s digitale Extras wie XD Dateien und UI Patterns oben drauf. Aktuell sind die ersten drei von insgesamt neun Kapiteln online: Designing Interfaces, The Building Blocks of Interfaces und Information Architecture.

Public Design Vault // Website of the day

Vom Projekt-Briefing über Team building, Design research, Brainstorming, Prototyping, Agile/Scrum und User Testing bietet Public Design Vault über 500+ Tools für alle Webworker, die an diesen Workflows beteiligt sind. Kann man mal reinschauen… Public Design Vault is a curated directory of 500+ design tools & resources for public good. It is an all-in-one, a full-stop one-stop, a mother list of lists, a singularity for the plethora of toolkits and rescources that are available on the vast internet. I had included all the well-known usual suspects but also tried to throw in a few diamonds in the rough. Who is Public Design Vault for These resources are great for folks working at the intersection of human-centered design, innovation and public/social impact. You might be a: UX designer creating an app that serves vulnerable groups, social worker planning programs for your local community, manager of an in-house government design team, organizational change expert trying to bring citizen-centered transformation to your workplace, civil servant charged with driving public service innovation

Design Systems Handbook

Wahnsinn, was Invision hier mit Hilfe von Marco Suarez, Jina Anne, Katie Sylor-Miller, Diana Mounter, und Roy Stanfield zusammengetragen hat. Das „Design Systems Handbook“ beschreibt und veranschaulicht im Detail wirklich alles was man zum Thema Design Systeme / Style Guides / Frontend Boilerplates wissen muss. Die Kapitel sind dabei unterteilt in folgende Themen: Introducing Design Systems, Designing your design system, Building your design system, Putting your design system into practice, Expanding your design system und The future of design systems. Neben detaillierten Beschreibungen und Beispielen, gibt es außerdem noch zahlreiche Podcasts, Videos und weiterführende Links zum Thema. A design system unites product teams around a common visual language. It reduces design debt, accelerates the design process, and builds bridges between teams working in concert to bring products to life. Learn how you can create your design system and help your team improve product quality while reducing design debt.

Make It Now – Tutorials in 1 Minute // by Adobe Creative Cloud

„Make it now“ ist ein neuer Youtube-Channel von Adobe Creative Cloud. Hier gibt es keine Entschuldigung mehr, dass Photoshop Tutorials oft zu lang oder kompliziert sind – alle Videos dauern maximal 1 Minute. Und auch wenn man als Anfänger die Tutorials oft pausieren muss, um die Schritte nachzuvollziehen, kommt man doch relativ schnell an coole Ergebnisse. Ausprobieren!

Grobe Bleistiftzeichnung // Photoshop Tutorial

In dem Photoshop Tutorial „Messy Pencil Sketch Effect“ von Creo werden zuerst ein paar Pinsel erzeugt, um damit anschließend ein Portrait grob nachzuzeichnen. Der Effekt funktioniert am besten mit dem Foto eines Körpers, aber ihr könnt euch natürlich auch an anderen Vorlagen versuchen. In this tutorial, I will be showing you how to create a rough and messy sketch effect in Photoshop. I am using Photoshop CC 2014, but it will work in earlier versions as well. This effect is a little tricky to achieve, but if you follow, the steps carefully, you should be able to create some really cool projects. » via Photoshop-Weblog