Fixed Widgets: 8 ways to use them effectively

Image for post
Image for post

With the rise of clean, classic, uncluttered modern design, many traditional visual cues are no longer necessary on webpages. Yet it’s still wise to assist visitors in finding what they’re looking for so their visual experience is easy and pleasing. In many cases fixing the position of even one important design element can be the solution. With Readymag you can do this in a single click.

Fixed elements in a website are positioned relative to the browser window rather than to other widgets on the page. This way, when you scroll down a website with fixed elements, they stay in place while the rest of the content moves. This allows web layouts to be more flexible and multi-layered, freed from the confines of static print formats.

This technique can be very powerful when used savy. We’ve gathered eight examples of smartly-placed fixed elements from various Readymag projects below.

Fixed logo, screencast of the portfolio of design studio ADL
Fixed logo, screencast of Martin Janek’s portfolio
Fixed menu, screencast of the portfolio of ThomasDeco firm
Fixed picture widgets, screencast of Anton Repponen’s Museum of Online Artifacts
Fixed picture widgets, screencast of Exposed editorial
Fixed numbers, screencast of Readymag Stories editorial dedicated to Ettore Sottsass
Fixed picture widgets, screencast of Uppertodo promo page
Fixed part of site, screencast of Lubalin100 project

Explore other design stories from Readymag.

Want to master the tool? See our tutorials.

Written by

The most elegant, simple and powerful web-tool for designing websites, presentations, portfolios and all kinds of digital publications.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store