best design tool for front-end

Published 2 months ago by mitismirza

hi

for front-end design i little work with Adobe Muse And its good And I want to learn it more ,

but before that i want to know what do you think about? is it the perfect tool for design a

cms front-end or is there easier and professional way or tool ?

and the option i looking for it is the different desktop , tablet and mobile design that might be have.

what do you suggest?

Sergiu17

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

jlrdw
jlrdw
2 months ago (252,040 XP)

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.

webtrickshome

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

mitismirza

@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?

esorone

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

jlrdw
jlrdw
2 months ago (252,040 XP)

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.

Grelav

You have to create another layout for mobile devices

mitismirza

thanks guys .

i think i have to design with pwa for mobile devices

Please sign in or create an account to participate in this conversation.