Frontend Masters – Design for Developers 2019-1

Design for Developers, a period full tutorial designed for programmers during the entire process, working from concepts to design and use industry. We also design rules to become a fellow, the better for the members of the design team to offer you we will.

What course Design for Developers’ll learn:

• You with the concepts of the basics of the design work will be familiar to the designer work with the developer will wake.
• Familiarity with the layout and balance out the symmetric and nonsytemitc., the history of layout, the objects and layout
• Learn the layout in CSS, the use of tools, ClipPath, and other tools for Masking on the side to learn CSS Flexbox
• Learn the theory of colors; the combination of colors and a variety of modes color, the pieces and the colors in the code and coding. making Palette and Gradient dynamic view has been
• Typography, principles, basics, color and fonts applicable for typography
• Learning how to draw inspiration from the works of others
• Images, and various performance related to them, including a variety of format images, tips, output decisions in. SVG format
• Sample preparation. user experience and tool-related

Specifications period

Publisher: FrontendMasters
instructor: Sarah Drasner
language: English,
educational level: introductory to advanced,
the number of lessons: 63
Duration Time: 4 hours and 20 minutes

This course:

Introduction

introduction
right vs left brain
what this course is setup
perfection
designer vs developer

Layout

introduction to layouts, grids,
balance, symmetry
balance asymmetry
exploring asymmetry learning from art history,
shape
, scale and cropping
grid
layout tools
photoshop keyboard shortcuts
layout and composition demo
primitive shapes, exercise,
primitive shapes review

CSS Layout

layout in css
css grid demos
grid naming example
css flexbox
using clippath other masking tools
css writing mode
grid by example demo
layout exercise
layout q a

Color Theory

color modes
color mixing
, color modes and properties,
color in code
color variables
limited color
color tools
animated gradients
how to create a palette
data visualization with hsl, a example
, creating a palette demo
, creating a palette exercise

Typography

typography basics
typography resources
pairing fonts
typography for lawyers
typographic color
terminology
typography demo
typography, exercise, and q a

Inspiration

remixing
sources of inspiration
ui kit demo

Images and Performance

image formats, resources,
exporting tips
svg
, svg, handling, and full page background
images, demo, image overlay, effects,
layout, demo coding, compositions
, images, layout exercise

Prototyping

loaders
user experience tools,
motion design language
types of prototypes
, page transitions
interaction exercise

Wrapping Up

conclusion

Prerequisite course:

Images

Sample movie

Installation guide

After the Extract, etc. with the Player your desired view.

Subtitles: English

Quality: 1080p

Download link

Download Part 1 – 1 GB

Download Part 2 – 512 MB

File size

1.5 GB