All Projects → sdras → Design For Developers

sdras / Design For Developers

Design for Developers Workshop

Labels

Projects that are alternatives of or similar to Design For Developers

Cp Design
A configurable Mobile UI Components(React hooks+Typescript+Scss)组件库
Stars: ✭ 465 (-17.84%)
Mutual labels:  design
Glisp
A Lisp-based Design Tool Bridging Graphic Design and Computational Arts
Stars: ✭ 519 (-8.3%)
Mutual labels:  design
Macos Ui Kit
💎 The most detailed and accurate macOS UI Kit for Sketch. This Sketch Library includes common Mac interface elements, cursors, and a Touch Bar UI Kit.
Stars: ✭ 551 (-2.65%)
Mutual labels:  design
Synth Android
Synth is CRED's inbuilt library for using Neumorphic components in your app.
Stars: ✭ 468 (-17.31%)
Mutual labels:  design
Tutoshowcase
A simple and Elegant Showcase view for Android
Stars: ✭ 499 (-11.84%)
Mutual labels:  design
Menu flutter
🍝 restaurant menu app made with flutter inspired by this design https://goo.gl/jChLBV
Stars: ✭ 533 (-5.83%)
Mutual labels:  design
Undefined Medium
undefined medium — a free and open-source monospace typeface with 400+ characters
Stars: ✭ 449 (-20.67%)
Mutual labels:  design
Website
The train engine powering the Coding Train website
Stars: ✭ 5,313 (+838.69%)
Mutual labels:  design
Circlebar
A fun, easy-to-use tab bar navigation controller for iOS.
Stars: ✭ 513 (-9.36%)
Mutual labels:  design
Awesome Design Tools
The best design tools and plugins for everything 👉
Stars: ✭ 23,754 (+4096.82%)
Mutual labels:  design
Designpatternslibrary
A comprehensive design patterns library implemented in C#, which covers various design patterns from the most commonly used ones to the lesser-known ones. Get familiar with and learn design patterns through moderately realistic examples.
Stars: ✭ 485 (-14.31%)
Mutual labels:  design
Design Patterns In Kotlin
Design Patterns implemented in Kotlin
Stars: ✭ 5,009 (+784.98%)
Mutual labels:  design
Kotlinpleaseanimate
Kotlin, please, can you animate my views ?
Stars: ✭ 541 (-4.42%)
Mutual labels:  design
Azure Design
Here you will find my complete Azure Visio Stencil and bonus SVG and PNG versions for all of the Azure Service and configuration items.
Stars: ✭ 470 (-16.96%)
Mutual labels:  design
Artifact
The open source design documentation tool for everybody
Stars: ✭ 551 (-2.65%)
Mutual labels:  design
Ml Visuals
🎨 ML Visuals contains figures and templates which you can reuse and customize to improve your scientific writing.
Stars: ✭ 5,676 (+902.83%)
Mutual labels:  design
Uxofvr.com
A list of resources about the UI/UX considerations for VR.
Stars: ✭ 527 (-6.89%)
Mutual labels:  design
Formbase
Better default styles for common input elements.
Stars: ✭ 560 (-1.06%)
Mutual labels:  design
Awesome React Design Systems
A collection of awesome React-based design systems
Stars: ✭ 552 (-2.47%)
Mutual labels:  design
Hugo Paper
🥛 A simple, clean, flexible Hugo theme
Stars: ✭ 538 (-4.95%)
Mutual labels:  design

Design for Developers

Author: Sarah Drasner

This repo houses the materials and resources for the Design for Developers course on Frontend Masters.

Sometimes it seems like designing is an unlearnable skill, or that if you’re a developer, you might not be able to learn it because it’s a different discipline. Luckily, designing has rules just like development does — rules that can be understood both in theory and in practice. In this workshop, learn to how to become self-sufficient for the entire process of execution from concept to design to implementation. This workshop is also ideal for those that want to be a better collaborator to their design counterparts, and better able to execute the creation of complex and beautiful Frontend experiences.

Image Resources

SVG

  • Noun Project, Menu
  • Noun Project, Square Arrow Up

PNG

  • Block of Text for easy grid templating

Templates

First, second, and third stages.

CodePen Resources

Slide Decks

All slide decks are in the slides-pdf folder in pdf form ordered by number.

Twitter Contact Info

License

Creative Commons License

This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].