Dynamic-height Multi-page Website
This is a full export to multiple webpages using a single PSD file. This sample will demo a dynamic design where each page will respond to the size of the content – not the Photoshop document.
Modern websites will typically have page designs that change on a per-page basis. Using Dynamic Height and Multiple Pages with your design will allow you to output complete customized projects from a single PSD.
Preview Now
HTML5
CSS
FTML
JavaScript
jQuery
Remember to view source!
Pages with Dynamic Height
Adding your page contents to a group/folder, eg. Content will allow you to have pages which are unique in size. You will have different page designs that may have different heights – this is normal. Export Kit will remove the extra space in the Output.
Navigation Menus
Nav Menus are a group of anchor links used to direct users to both internal and external pages. Nav Menus are involved in all common designs for both websites and applications.
Web Forms
Export Kit allows you to fully customize your web forms and data to create data-driven websites in a matter of minutes, without coding.
Images, Shapes and Text
This sample uses various layer types including folders, images, shapes, text, smart objects and more to create a practical PSD design for a res
Effects and Styles
This sample uses various layer effects and styles to achieve the optimal layout. Effects are used in most common project designs and are easily managed with Export Kit.
Layout and Overflow
With Export Kit you can align your page output and hide the content overflow to create both Flush and Fluid layouts.
Suggested Testing
View the sample in various browsers to see how each will render the output.