Developers! If you going to implement this design, how would you make the right pane load content independently of the left? And be able to to _target each pane from the other? (Like we used to do with frames.)
Comments
Log in with your Bluesky account to leave a comment
...this is basically faking a frameset with iframe and has all the same problems while trying to get points for not using the deprecated old-fashioned frameset element and using the modern iframe element instead, and is terrible
3. one page per right-hand pane option, with
...still doesn't make left panes independently linkable or work alone; could work but feels very clunky.
4. do all your page loading with javascript so it dynamically loads left pane content into the page via fetch(). Problem: requires JS, obviously, so no.
5. one page per left/right combo. Problems: get penalised for SEO probably (same right content on multiple pages); combinatorial explosion if you have many left/right options.
I don't like any of these. I think most devs would use JS dynamic loading for this :(
probably a "do it with JS, fall back to the one-page-per-combo without JS" approach is the best I can come up with, which is disappointing. Maybe someone is cleverer than me; I hope so. Or maybe "this is hard to do; let's talk about alternate designs that aren't as affected by tech limitations".
If you control/admin access the domains for both iframes then you can set the CORS policy to allow iframe communication, otherwise you can use iframes with postMessage().
Comments
1.
3. one page per right-hand pane option, with
4. do all your page loading with javascript so it dynamically loads left pane content into the page via fetch(). Problem: requires JS, obviously, so no.
I don't like any of these. I think most devs would use JS dynamic loading for this :(
https://developer.mozilla.org/en-US/docs/Web/API/View_Transition_API
Do you want each section to register as a separate page in SERPS?
https://www.geeksforgeeks.org/how-to-load-a-hyperlink-from-one-iframe-to-another-iframe/