casvision.blogg.se

if your idea of a burger is slapping a piece of meat on a bun! This month, Gary continues the Pasge Layout series with a nod to typographic elements, what you can do with them in a design, and perhaps throwing in a graphic or two. Slapping a picture and some text on a page is the way to go with page layout. PNGs under 20Kb will automatically switch to the Retina version when scaling over 1.0x due to their small size and impact on download speed.Xara Xone Tutorial Video Playlist on YouTube

This higher resolution will improve the image quality when your website is scaled up. After a certain point (by default 1.5x) your website will switch to the higher resolution 192DPI Retina images that are already exported alongside your normal resolution images. Fit to Width and Retina® Imagesīy default, your website will display images at the standard 96DPI resolution, however this will look blurry when scaled up beyond the normal 100% view.

This gives a smoother transition between one variant and the next. But additionally the content will be scaled to fit the device width exactly.

The closest matching variant will be selected automatically, as usual, depending on the user's device width. However the good news is you can use both features, Variants and Fit To Width, together. For example just scaling down your website / document may make text too small on a small device, if the text doesn't occupy the full width of the page. But since variants allow the page layout to be changed too, they are still almost always essential. If the viewing device is narrower than the page, the page content zooms/scales down so it will fit with no need for horizontal scrollbars.ĭepending on the design, the Fit To Width option may make having multiple variants unnecessary, or at least reduce the number of variants required, because your content will scale to fit the device it's being viewed on. If the viewing device is wider than the page, the page zooms/scales up so it just fits. The Fit to Width ( " Utilities" > " Web Export Options") option allows your website or web document to scale to fit the width of the browser or device screen it's being viewed on.