Efecto FrameSet sin utilzar frameset

<frameset rows="50%,50%" cols="50%,50%">
<frame src="1.htm">
<frame src="2.htm">
<frame src="3.htm">
<frame src="4.htm">
</frameset>

Colocando este código se logra dividir la pantalla en 4 frames, lo que me llama la atención de este código del 2002 no es el frame sino el efecto crosshair de los marcos.
He buscado por la red este efecto para hacerlo con jquery o css y aún no lo he encontrado.
Cada vez que se mueve el crosshair divide las ventanas proporcionalmente dentro del tamaño de la pantalla.
¿Alguien cómo se hace este efecto sin utilizar frameset?

usa divs + iframes... es lo mismo, pero sin frameset... solo tendras que asigan el 50% a cada div y un float

cicklow dijo:

usa divs + iframes... es lo mismo, pero sin frameset... solo tendras que asigan el 50% a cada div y un float

Hacer clic para expandir...

Eso sí entiendo, lo que no sé es cómo se hace el efecto movimiento del crosshair a un div o sea cambiar las dimensiones proporcionalmente a la posición seleccionada 😕.

Así como lo hace la web jQuery: crossHair - JSFiddle para dividir html, css, javascript y reproducción.
No sé cómo se llama el efecto.

- - - Actualizado - - -

Lo más cerca que encontré por si a alguien le sirve
Edit fiddle - JSFiddle
Palabra clave: resizable iframe

cicklow dijo:

usa divs + iframes... es lo mismo, pero sin frameset... solo tendras que asigan el 50% a cada div y un float

Hacer clic para expandir...

tal cual maigo asi lo haria yo. Div y float. te quedara mejor y mas facil:topsy_turvy: