Above the 'fold' -
This is a term from the days of newspaper broadsheet, when vendors folded the newspaper in half, and the title and main headline story was what the buyer/reader would initially see, before opening/unfolding the newspaper. In web design it is the initial content that will be presented to the user when they visit the site/page, without scrolling being necessary.
However, whilst the term is still used, it is no longer controllable by the designer/developer of a site, as there is no way to control the device viewport or the browser viewport. On mobile devices these are a fixed size and can be anything between a few inches to a 14 inch device, with varying pixel densities. On a desktop screen or a TV, they are normally between 24 inch and 55 inch, but can be smaller or larger, and to make matters more difficult are HD or Hi-dpi these days, though in both the mobile and desktop user 8k hi-density screens are now being previewed at manufacturers shows.
Trying to find a layout that would allow you to present the content you wish to all visitors, is now nothing more than an attempt in doing the impossible, if the content is to be usable by the visitor. What is necessary is for the web designer to decide how the page will look on the various target user devices, and then ensure they use a layout coding method that not only matches the requirements for those devices, but will also make the page acceptable to all other users.
css flexbox is one method, and popular amongst coders, but it is not the only method. Even the old traditional use of floats, can be the better method of layout, and there is, depending on the skill of the coder the possibility of using css grid layouts. Everything depends on how you wish your layout to look on the devices/sizes of screen you target.
Templates can be useful, but as browsers are used across a much larger range of screen sizes now, than was though possible even 5 years ago, finding one that suits the requirements now, let alone one that will still be acceptable in 1-2 years time, is almost impossible. the only thing one can do in that area, is to find one that is somewhere near the target device requirements, then modify it to match all the requirements. A process that often will take more time than doing it oneself from the beginning.
If you must use a template and/or you are a none coder, then you must also accept the limitations that your design may well 'fall apart' at some point, or on some devices become difficult to use at best, and unusable at worst. For this reason I would recommend a none coder to use a program like Muse, as it does have good community support should you have problem now or in the future.
1 Correct answer
15
Replies
AdChoices