Start creating
Automating Routine Work
Having activated the Mobile Viewport, you’ll now find all widgets placed in a single column with a 20 pixel gap between them and the page margins. This simple formatting aims to minimize the process of rearranging content for mobile pages. Treat it as a starting point for designing mobile layouts.
Start creating
jun 28
2018
introducing
mobile
auto-layout
Viewports Panel
Automatic Layout will only be applied for pages that have never had Mobile Viewport activated. For pages on which Mobile Viewport has been used earlier Automatic Layout will not be applied, so as not to interfere with preexisting designs.
Restore Panel
You can always reset Desktop or Mobile Auto-Layouts by utilizing the restore panel.
follow us
spread the word
r/m design almanac
A series of educational projects about design
Used by some great creative teams worldwide
mar 29
2018
introducing
group resize
&
sizes
New Features
Speed up your work with Group Resizing. Design with pixel-precise adjustments using Widgets Sizes.
Group Resizing
Until recently, you were able to change the size of widgets only one at a time. Now, you're able to select several widgets at once and scale them as one.
Widgets Sizes
We’ve exposed widgets’ sizes and introduced fine mechanism to tune them.
To bring up widgets' sizes turn it on in the Grid & Guides panel.
Page Height
Also, you can now change the page height faster. The bottom of each page got a tiny “blue diamond” icon. Simply drag it up or down or set the exact pixel value in the popup.
follow us
spread the word
r/m design almanac
A series of educational projects about design
Start creating
Used by some great creative teams worldwide
feb 15
2018
introducing
global
widgets
New Feature
Just one button, yet so many possibilities. With a single click this new option makes any widget Global: the widget will appear on every single page of your project. Edit it on any page and the changes will take place on all other pages, too.
On All Pages
Turn this toggle On and a widget appears on every single page of your project. Manually hide the widget on those pages where you want it to be hidden.
Above Pages
People love Readymag’s embedded transitions between pages, both horizontal and vertical. This option will keep a Global Widget floating on top when pages change.
‘Current’ link style
We’ve added a new link style for Text and Button Widgets. With this style you can define the current page active link—where a user is currently on. Choose color and underline properties for the ‘Current’ link style and we’ll do the rest—detect on which page it will be shown in the Viewer.
follow us
spread the word
r/m design school
A series of educational projects about design
Start creating
Used by some great creative teams worldwide
sep 20
2017
introducing
new
widget
bar
Editor
Meet our brand new Widget Bar with clearer look yet much enhanced functionality. Completely redesigned, this part of Readymag's Editor will take your work to a greater level of productivity.
Besides creating a new panel for Widgets,
we made the Background panel bolder and easier to use,
we combined the Viewports and Page Height panels into one.
we updated the Grid & Guides with few useful adjustments,
If you'd like to learn more about the redesign of the Widget Bar, have a look at this case study, in which we elaborate on the challenges we’ve faced and the solutions we’ve found.
follow us
spread the word
r/m design school
A series of educational projects about design
Start creating
Used by some great creative teams worldwide
aug 8
2017
introducing
scalable
layout
Viewer
With a huge number of screen sizes existing today, variable desktop browser’s width adds to your design an uncertain amount of empty and often unused space. Readymag is thrilled to introduce a straightforward solution to this problem. With just one switcher the whole page layout, with all its contents, scales up to any ←browser width→. The bigger the browser window is, the bigger your layout gets. This is exactly what we do with the mobile layout. This time, we deliver the same principle for the desktop, ensuring consistent viewing experience across multiple desktop devices.
Check out Scalable Layout in the projects below: to see its effect change the size and proportions of your browser window.
β
Note that Scalable Layout is not
a default mode of the R/m viewer,
but an option that you can turn on
in the Project Settings.
Please keep in mind that this feature is in Beta mode. Therefore, some visual distortions may occur; expect near-pixel-perfect precision.
follow us
spread the word
r/m design school
A series of educational projects about design
Start creating
Used by some great creative teams worldwide
May 3
2017
introducing
180,000
photos
from
unsplash
We continue to integrate the world’s best services into Readymag. Thousands of curated high resolution photographs from the world’s most generous photo community have become part of our Picture and Background Widgets. Every photo is copyright-free.
follow us
spread the word
r/m design school
A series of educational projects about design
Start creating
Used by some great creative teams worldwide
8 of 41