Start creating
Start creating
OCT 18
2018
introducing
(beta)
New Features
Blocks is a new feature that gives you an opportunity to work separately on different parts of your page. It’s meant to help you in situations when you need a quick fix, like replacing an image or editing a text without affecting other parts.
Turn on Blocks in the Grid & Guides panel.
After Blocks mode is on, all Widgets are automatically divided into groups separated by Spacers (= empty gaps in between).
Spacers will help you work with groups of widgets separately.
Change the height of each Spacer (or all of them at once using Shift key) by dragging the bottom edge.
Scale up a widget without affecting other blocks below.
Pull the Spacer up to make the height of the block smaller.
Insert a Widget into any Spacer. It would create a new Block in between.
Duplicate the whole Block by simply clicking on the plus button on the left side of the screen.
Also, we enhanced our Text Widget. Now it works in autosize mode: the bottom edge of the widget's bounding box adjusts to the amount of the text.
follow us
spread the word
r/m design almanac
A series of educational projects about design
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
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
7 of 41