Design & Slicing for Full Stack Devs

12
Full-stack Devs Design & Slicing PSD

Transcript of Design & Slicing for Full Stack Devs

Page 1: Design & Slicing for Full Stack Devs

Full-stack Devs

Design & Slicing PSD

Page 2: Design & Slicing for Full Stack Devs

Before Designing

Things to note before do a design work

Page 3: Design & Slicing for Full Stack Devs

Finding a Good References

● Themeforest.com● Behance.net● Awwwards.com● 1stwebdesigner.com● Pinterest.com● Etc.

Page 4: Design & Slicing for Full Stack Devs

Use CSS framework : Using grid layout

Page 5: Design & Slicing for Full Stack Devs

Color Scheme

Page 6: Design & Slicing for Full Stack Devs

Manage Photoshop Layers

Page 7: Design & Slicing for Full Stack Devs

Slicing PSD

Page 8: Design & Slicing for Full Stack Devs

Identify Strategy1 2

Page 9: Design & Slicing for Full Stack Devs

Explode Elements

Page 10: Design & Slicing for Full Stack Devs

Other Sample

Page 11: Design & Slicing for Full Stack Devs

Slicing Area

Page 12: Design & Slicing for Full Stack Devs

Thank YouSandhi Firmadani | @firmadani


Devs Project (2)

Devs Project (2)

Apache Cayenne for WO Devs

Apache Cayenne for WO Devs

Designers & Devs: Speaking About RWD

Designers & Devs: Speaking About RWD

Android devs, meet real world

Android devs, meet real world

Chapter 8 The DEVS Integrator: Motion in Space From pulse-based to quantum-based integrators Mapping Ordinary Differential Equations into DEVS one-D DEVS.

Chapter 8 The DEVS Integrator: Motion in Space From pulse-based to quantum-based integrators Mapping Ordinary Differential Equations into DEVS one-D DEVS.

DEVS-Based Dynamic Model Reconfiguration and …acims.asu.edu/wp-content/uploads/2012/02/DEVS-Based-Dynamic-Model...DEVS-Based Dynamic Model Reconfiguration and Simulation Control

DEVS-Based Dynamic Model Reconfiguration and …acims.asu.edu/wp-content/uploads/2012/02/DEVS-Based-Dynamic-Model...DEVS-Based Dynamic Model Reconfiguration and Simulation Control

DEVS Unified Process for Web-Centric Development …acims.asu.edu/wp-content/uploads/2012/02/DEVS-Unified-Process-for... · DEVS Unified Process for Web-Centric Development and Testing

DEVS Unified Process for Web-Centric Development …acims.asu.edu/wp-content/uploads/2012/02/DEVS-Unified-Process-for... · DEVS Unified Process for Web-Centric Development and Testing

DEVS Namespace for Interoperable DEVS/SOA

DEVS Namespace for Interoperable DEVS/SOA

INTRODUCTION TO DEVS AND FDDEVS - University of Arizona · 2010. 9. 26. · More on DEVS • In the DEVS formalism • Atomic DEVS models – are basic models from which larger ones

INTRODUCTION TO DEVS AND FDDEVS - University of Arizona · 2010. 9. 26. · More on DEVS • In the DEVS formalism • Atomic DEVS models – are basic models from which larger ones

IT recruitment Devs PickUp

IT recruitment Devs PickUp

Cassandra for Ruby/Rails Devs

Cassandra for Ruby/Rails Devs

Kotlin for Android devs

Kotlin for Android devs

1 Program Slicing Purvi Patel. 2 Contents Introduction What is program slicing? Principle of dependences Variants of program slicing Slicing classifications.

1 Program Slicing Purvi Patel. 2 Contents Introduction What is program slicing? Principle of dependences Variants of program slicing Slicing classifications.

Cf intro for spring devs

Cf intro for spring devs

Financing Growth for Devs 2015

Financing Growth for Devs 2015

React Native for ReactJS Devs

React Native for ReactJS Devs

Angular meteor for angular devs

Angular meteor for angular devs

Intro to Design... For Devs

Intro to Design... For Devs

Modelling DEVS applications

Modelling DEVS applications

JavaScript for Flex Devs

JavaScript for Flex Devs