Loading video…
All breakouts
16.5Text-HeavyHow-To hookConsumer Apps
Hook
Without CSS
@techkoseli
2.7K followers · usually 550 views a post
Views
8.8K
Likes
123
Comments
2
Shares
4
Why it worked
The video uses a high-contrast, satisfying 'before and after' visual transformation that provides immediate gratification for developers and learners.
Summary
The video demonstrates a visual comparison between a basic, unstyled HTML sidebar and a polished, styled version using CSS. It highlights the aesthetic transformation that CSS provides to a web interface.
Structure
- 1Display unstyled HTML sidebar
- 2Transition to styled CSS sidebar
- 3Loop the comparison
On-screen text
Without CSS
With CSS
AdminPanel
Home
Profile
Messages
Settings
Logout
Welcome!
This is the "before" state of your sidebar--unstyled beyond a fixed width.
JD
Administrator
Original caption
Without CSS vs With Css #Programming #coding #frontend #tiktok #techkoseli
More from @techkoseli
More breakout videos from this creator.
