best design tool for front-end

Hello, I know about https://webflow.com

When you know code good enough and you can write code and visualize in your mind what that screen looks like with the written code that is always the best designer, therefore the keyboard.

desktop , tablet and mobile design

I am guessing you are talking about mobile-friendly vs a mobile app.

If that is the case then proper media queries.

Even if you use bootstrap I'd still learn this stuff manually prior to using any Library just so you have the skill.

I feel that if someone is going to be a developer they should know the underlying skills without a library first.

It's always better if you can code the frontend on your own with the use of HTML, CSS and Javascript.

@Sergiu17 @jlrdw @webtrickshome

thanks guys.

for example when you design a web page in photoshop its awesome and you never get

that design in bootstrap or somthing else.

this is some examples of my designs and im ok with it:

https://cdn.pbrd.co/images/HvBf442.jpg

https://cdn.pbrd.co/images/HvBfizC.png

https://cdn.pbrd.co/images/HvBfpva.png

but my problem is how to making it responsive?

Hello,

Maybe an oldskool answer to help you on Your jouney. Please use the slice tool in PS. If you can slice it in, Let say square parts you should able to code it pretty easily. My advice is not to use the actual slices, but you will notice the importance of a (web) design. Of course there some nifty css options, to make it more fancy and create rounds and radius. But that’s advanced. If you cannot slide it, then you need to use the image as a background and make the image responsive.

FYI, responsive is all about grids and the layout. I think you designs are not easy to put in a grid. That’s way I made my slice remark, and start with a mobile first design first

Also try design you image in a mobile template in PS.. And solve some issues over there.

Kr

but my problem is how to making it responsive?

If you write your own CSS, you really need to look up media queries, that's how to also make a site mobile friendly. Media queries are fairly easy to deal with.

You have to create another layout for mobile devices

thanks guys .

i think i have to design with pwa for mobile devices