Responsive Angular designs with form controls« Back to Questions List
I have a design file and I need the output to be in html5. If its angular 1 or 2 compatible it would be more awesome. Speaking just about Html5, how should I approach this file. Like first I have to start renaming according to guidelines. But how do I rename the layers for controls/fields like date picker/text input field? For responsive, do I have to design individual layout and convert it? But I want it to be fluid responsive and not adaptive. [AI FILE LINK HIDDEN] |
Do you have the right answer? If you do other users will benefit from your contribution, share your knowledge with the community!
Angular JSTutorial: //exportkit.com/plugin/environments/html5/export-psd-to-angular-and-ember-js-templates Read the tutorial first then you can ask detailed questions. We support all Angular features using our Code and Class tags. Complete ResponsiveTutorial: //exportkit.com/plugin/environments/html5/convert-a-psd-to-responsive-html-and-css Photoshop is an area-based system (x, y, width, height) and does not support “responsive” elements in layers or in the code DOM. The workaround is to create many target screens, and use align + output features to make the site “emulate” responsive. PSD vs HTML Video: //exportkit.com/learn/video-tutorials/before-you-export-videos/photoshop-vs-image-vs-browser-rendering Angular = HTML + CSS + JavaScriptCSS Support: //exportkit.com/resources/plugin/environments/css HTML Support: //exportkit.com/resources/plugin/environments/html5 JavaScript Support: //exportkit.com/resources/plugin/environments/javascript Forms + InputsTutorial: //exportkit.com/learn/how-to/advanced-guide/building-web-forms |
Share Your Knowledge!
Contribute to the community and help other users to benefit from your answer with experience and knowledge.