ViewTube

ViewTube
Sign inSign up

Info

Learn how to ship cleaner front-end UI: solid HTML, modern CSS, and only the JavaScript that actually earns its place.
Tutorials, demos, and quick tips every week.

Links

Tags

html
css
frontend

Stats

Joined January 2, 2026
14,970 total views
France

Videos

A card breaks in a sidebar? CSS container queries fix it in two lines
6:05
A card breaks in a sidebar? CSS container queries fix it in two lines

109 views

2 weeks ago

Your accordion is 20 lines of JavaScript. It could be 4 lines of HTML.
6:23
Your accordion is 20 lines of JavaScript. It could be 4 lines of HTML.

399 views

1 month ago

How to Build a Pro Image Slider with 0 Lines of JavaScript
17:38
How to Build a Pro Image Slider with 0 Lines of JavaScript

298 views

5 months ago

Animated Gradient Border with CSS | Tutorial
5:51
Animated Gradient Border with CSS | Tutorial

233 views

5 months ago

4 CSS Properties to Improve Your Article Pages in 5 Minutes
5:19
4 CSS Properties to Improve Your Article Pages in 5 Minutes

4,400 views

6 months ago

10 Stunning 3D Effect Without JavaScript
3:27
10 Stunning 3D Effect Without JavaScript

264 views

6 months ago

Create Responsive Grid Layouts in 1 Line of CSS
6:28
Create Responsive Grid Layouts in 1 Line of CSS

1,600 views

6 months ago

EASY Animated Counting Number CSS-Only Tutorial
7:27
EASY Animated Counting Number CSS-Only Tutorial

1,100 views

7 months ago

How to Create a Scroll Progress Bar in 7 Minutes
6:55
How to Create a Scroll Progress Bar in 7 Minutes

437 views

7 months ago

Shorts

cqi: the CSS unit that measures the container
cqi: the CSS unit that measures the container

50 views

Two traps in CSS container queries
Two traps in CSS container queries

175 views

Container queries in two lines of CSS
Container queries in two lines of CSS

63 views

Container queries: the card looks at its box
Container queries: the card looks at its box

31 views

Animate a native HTML accordion with modern CSS #css #webdevelopment #cssanimation #html #htmlcss
Animate a native HTML accordion with modern CSS #css #webdevelopment #cssanimation #html #htmlcss

96 views

Native HTML accordions include accessibility and search #html #accessibility #html5 #shorts #htmlcss
Native HTML accordions include accessibility and search #html #accessibility #html5 #shorts #htmlcss

122 views

Create an exclusive accordion with one HTML attribute
Create an exclusive accordion with one HTML attribute

121 views

Build a native HTML accordion without JavaScript
Build a native HTML accordion without JavaScript

208 views

CSS @scope: styles that know where to stop #webdevelopment #webdev #csstricks #frontendcourse
CSS @scope: styles that know where to stop #webdevelopment #webdev #csstricks #frontendcourse

67 views

Grid or list toggle with :has(), no JavaScript #shorts #csstricks
Grid or list toggle with :has(), no JavaScript #shorts #csstricks

128 views

Native CSS nesting, no build step
Native CSS nesting, no build step

74 views

Text that wraps around an image, not its box
Text that wraps around an image, not its box

121 views

Infinite logo marquee with zero JavaScript
Infinite logo marquee with zero JavaScript

59 views

Stop removing focus outlines. Use :focus-visible
Stop removing focus outlines. Use :focus-visible

56 views

Cross-fade page navigations with 2 lines of CSS
Cross-fade page navigations with 2 lines of CSS

56 views

Container queries: ask the parent, not the viewport
Container queries: ask the parent, not the viewport

33 views

Fix anchor links hiding behind your sticky header
Fix anchor links hiding behind your sticky header

296 views

Animated gradient border, no wrapper, no JavaScript
Animated gradient border, no wrapper, no JavaScript

44 views

calc-size(): the math function calc() couldn't do
calc-size(): the math function calc() couldn't do

52 views

field-sizing: content makes inputs grow with their value
field-sizing: content makes inputs grow with their value

63 views