Girish Patil

How to convert a Design to Code

 This article is a work in progress. I still need to add much more content. Don’t mind the mistakes if you see any

About three and a half years ago when I was in my first year of engineering all I would do was to keep designing perfect layouts. I cannot stress how much that changed my designing/developing skills. Now I feel like I am a developer who understands a designer’s feelings ( at least for to some extent ;) ).

I now tell to people who want to get into frontend the first step would be to learn basic and then get into converting designs to code. Later getting into perfecting it, making it responsive and it goes on.

I would like tell you how I used to start my design to code conversion designs. This is written considering a beginner in mind so follow along even if you are a beginner.

I will consider you will be taking an image and converting it to code. Not a design file from...

Continue reading →