Split View in Chrome is almost a free preview window

jakob · Yesterday 16:25:13

I’m probably late to the game here, but quite by accident I discovered the Split View [an article on zapier.com] option in Chrome (actually Ungoogled Chromium) and it allows you to put two windows in a single tab and adjust the relative width. I believe iPad users have had this for a while (feel free to roll your eyes at my late discovery). The side-by-side view gives you what amounts to a preview window next to your admin view. While it doesn’t auto update, it’s proving quite handy.

You can also size down to below 500px width, which most mac browsers won’t do.

wet · Yesterday 18:09:52

Very helpful, thanks.

Guided by your insight, I learned that split views will also be available in Fx 148 for those two or three unchromed people still out there. Soonish.

Being one of those three: Consider me pleased!

etc · Yesterday 22:38:50

It is also great to see Sanitizer API landing in FF. Hopefully, Safari and Opera will join the club in time for txp5 release.

etc · Yesterday 22:56:34

BTW, in 4.9 we have a movable/resizeable article preview widget that can be used even without saving the article. Might it be better integrated with admin UI?

Bloke · Yesterday 23:03:33

etc wrote #342401:

in 4.9 we have a movable/resizeable article preview widget that can be used even without saving the article. Might it be better integrated with admin UI?

I was musing this today after reading this thread, but couldn’t figure how to allow preview to be “externalised” so it could be put in a separate tab.

I mean, if you save the article you could open the front end view on the split pane to see the rendered content, but you’d still need to refresh it. And it’s already committed at that point.

If there was a way to allow (live, unsaved) preview to be opened in a new tab, that would be a pretty sweet fit for this browser functionality.

phiw13 · Yesterday 23:10:02

jakob wrote #342395:

I’m probably late to the game here, but quite by accident I discovered the “Split View” […]

Kinda lol here: ChromeOS and by extension Chrome browser discover something iPad user have used since iOS 9, and macOS users since macOS 10.11 (?). On those two it is tow separate windows, but it does the same. I use it often with BBEdit.

You can also size down to below 500px width, which most mac browsers won’t do.

You know about Responsive Design mode? Safari: Command-Control-R, Firefox: Command-Option-M, and I forgot what it is in Chromium browsers. (equivalent keyboard shortcuts left to discover by Windows/Linux users).

minor edit: corrected the keyboard shortcut for Firefox

Last edited by phiw13 (Today 06:58:12)

jakob · Today 06:26:03

Hehe, you’re all right. Not so groundbreaking really, yet it seemed somehow more useful yesterday. Thanks for all the tips.

The inline preview on the write tab is pretty good but it covers part of the admin UI that I’d sometimes like to get to, so I’m forever moving it around. Gary recently showed his method for widescreen users. That looks good too, and in a sense similar to the split view idea.

I routinely open a preview in a second tab to work side-by-side with the admin. That’s not hard. But then I do it again, have maybe the dev tools open, perhaps another window and soon risk losing track of which belong together. That’s also probably the reason behind why I don’t use Philippe’s tip with Responsive Design Mode nearly enough. Thanks for the reminder.

I should probably use MacOS’s window tiling more too. I like it but don’t use it much. The fullscreen split mode is essentially the same idea: two coupled windows with a separator bar, and is good for focussed two-panel tasks. You just can’t have a third window around for reference at the same time. You can with macOS window tiling and I should probably use it more. Then again, some apps just don’t fit nicely in a tile, so I resize them individually – which you can with tiling – and you’re soon back to floating windows.

…

Maybe it was just yesterday, when I had the thankless task of adding soft hyphens to long German words to alleviate the worst cases of bad line lengths*, and in that particular case the Split View tab seemed just right – a coupled task with coupled windows while also having other windows/apps around when needed.

* I really dislike what the s do it does to the admin panel view but Browser hyphenation in German is still not the best.

Textpattern CMS

Textpattern CMS support forum

#1 Yesterday 16:25:13