Hello, at my current company we have a really great designer that sadly doesn't have a formal training in web development. This makes it really hard for him to develop usable and responsive interfaces for our products. What I'm wondering is: is there some conceptual framework or a straight up product that would allow him to pay more attention on how elements behave with different widths, different content lengths and such? Something that would avoid the more basic errors of translation from SVG to HTML/CSS? Thanks
Take a look at these easy steps for making a website mockup.<p>Step 1: Create a Workspace. Reset your workspace at the start of any mockup project to create the appropriate sizing rulers for your new task.
Step 2: Create a Responsive Website.
Step 3: Make use of Line Guides.
Step 4: Insert Placeholders.