Welcome to GSUnit.com

It's a presentation website where you'll find demos of my recent works as well as a repository of my previous works. It is a testing ground of web development and design. Thanks for dropping by!!!

Stripped of the clutter

Just rhythm and grace, A touch of panache in a wide open space. Barefoot thoughts on a minimalism. A whisper of truth in a loud, crowded place.

You don't need much when you're locked in that groove. You write it raw, you write it tight, Every function hits just right. No layers deep, no black-box tricks, Just loops, arrays, and old-school clicks.

No APIs, no framework, no stack to pretend, Just pure logic flowin' end to end. No bloated libs, no magic unseen, Just HTML, CSS, and JS clean.

It's code you can feel, like a beat in your chest, No drag, no lag-just you at your best. When simplicity calls, it's not just a move- It's art in the silence... and soul in the groove.

Old school new

Every experienced designer learned from mistakes. Until you realised that "Less is more" from an old saying hence old school... What's NEW from the new school?

... When you've come to learn that, every new school is based on top of the foundation of the old ones. Imagine, "antimatter is matter?" then "minus is plus"... Isn't that wonderful?

Re-inventing old wheel?

Wheels are made to roll or to spin. That's what they do best. Or? Imagine a tree trunk. Cutters, then learned that, to roll the trunk is a lot easier than to drag it length-wise. That was before the invention of "pi". Check out The Flintstones!

Just muscle, momentum... and maybe a mammoth or two. Yet it moved. And that-that-was the prototype of progress. Sometimes, to move forward, you gotta circle back.

That's the power of the minimal Re-invention- Simplicity... will always come back. Just keep it round...

innerWidth: | innerHeight :

Horizontal_factor (x/y):

Vertical_factor (y/x):

Mouse X: | Mouse Y:

Mouse X-1: | Mouse Y-1:

Mouse-click count:

sessionStorage_setItem_menu_01:

body height: | body width :

body top: | body left :

body offset top: | body offset left :

viewport H-Y: | viewport W-X :

viewport offset H-Y: | viewport offset W-X :

diagonLength:

offset top: | offset left :

boundary top: | boundary left :

bottom:

right:

postion top: | position left :

postion bottom: | position right :

central point top: | central point left :

radius:

Object height : | Object width :

Object offset (height) : | Object offset (width) :

Object offset (Rect top) : | offset (Rect left) :

Object offset (Rect bottom) :

Object offset (Rect right) :

offset (prev pos top) : | offset (prev pos left) :

center_point_top: | pos_center_point_left:

Object Circular Parim top: | Object Circular Parim left:

Object height : | Object width:

Object offset (height): | Object offset (width):

Object (Rect top): | Object (Rect left):

Object offset (Rect bottom):

Object offset (Rect right):

offset (prev pos top): | offset (prev pos left):

Dynamic object circular parim LengthH: | LengthW:

Dynamic_test:

Dynamic_test_signal:

Click on object (move within viewport)

Designed to:

On every click (left-mouse-button), the object will move automatically according to a fixed path as described below: around the edges of the viewport, diagonally across the viewport.
Around the edges of the viewport, diagonally across the viewport.
Diagonally across the viewport, the back to its original position (top-left of viewport).
To the center of the viewport.
To a diamond shape at the center of the viewport.
Finally, to a clock-wise circular move at the center of the viewport.