Forem

# ui

Tag dedicated to posts about user interface. Tips, tricks, techniques, approaches, etc.

Posts

👋 Sign in for the ability to sort posts by relevant, latest, or top.
"Don't Make Me Think" Summary for UI/UX designers [First Chapter]
Cover image for "Don't Make Me Think" Summary for UI/UX  designers [First Chapter]

"Don't Make Me Think" Summary for UI/UX designers [First Chapter]

3
Comments
2 min read
3 Ways to create a Navbar (CSS Grid Layout)
Cover image for 3 Ways to create a Navbar (CSS Grid Layout)

3 Ways to create a Navbar (CSS Grid Layout)

93
Comments 3
6 min read
Shiny Glass Hover Effect (Glassmorphism)
Cover image for Shiny Glass Hover Effect (Glassmorphism)

Shiny Glass Hover Effect (Glassmorphism)

69
Comments 7
4 min read
Minimal Switch in Flutter

Minimal Switch in Flutter

1
Comments
1 min read
Standardize display of checkboxes in APEX

Standardize display of checkboxes in APEX

2
Comments
2 min read
My top 5 resources for UI/UX inspiration
Cover image for My top 5 resources for UI/UX inspiration

My top 5 resources for UI/UX inspiration

32
Comments 1
2 min read
What all we can do through Vault UI
Cover image for What all we can do through Vault UI

What all we can do through Vault UI

8
Comments 6
3 min read
How to use CSS pseudo-classes for styling typographic elements
Cover image for How to use CSS pseudo-classes for styling typographic elements

How to use CSS pseudo-classes for styling typographic elements

30
Comments 3
5 min read
The sexyest fade effect !
Cover image for The sexyest fade effect !

The sexyest fade effect !

10
Comments
2 min read
CSS Day Night Switch (CSS/HTML only) [PART 2]
Cover image for CSS Day Night Switch (CSS/HTML only) [PART 2]

CSS Day Night Switch (CSS/HTML only) [PART 2]

57
Comments 1
5 min read
The platformOS UX/UI Process
Cover image for The platformOS UX/UI Process

The platformOS UX/UI Process

4
Comments 1
7 min read
Avalonia UI on Ubuntu: Margin and Padding
Cover image for Avalonia UI on Ubuntu: Margin and Padding

Avalonia UI on Ubuntu: Margin and Padding

1
Comments 1
3 min read
CSS Day Night Switch (CSS/HTML only) [PART 1]
Cover image for CSS Day Night Switch (CSS/HTML only) [PART 1]

CSS Day Night Switch (CSS/HTML only) [PART 1]

30
Comments
5 min read
CSS Download Loading Animation (@keyframes, clip-path)
Cover image for CSS Download Loading Animation (@keyframes, clip-path)

CSS Download Loading Animation (@keyframes, clip-path)

14
Comments
3 min read
Mockups for Portfolio Website: How to add project screenshots onto digital devices for FREE
Cover image for Mockups for Portfolio Website: How to add project screenshots onto digital devices for FREE

Mockups for Portfolio Website: How to add project screenshots onto digital devices for FREE

3
Comments 1
1 min read
Flexbox use cases.
Cover image for Flexbox use cases.

Flexbox use cases.

10
Comments
3 min read
CSS Grid Layout Template Areas (Secrets of Painless Layout)
Cover image for CSS Grid Layout Template Areas (Secrets of Painless Layout)

CSS Grid Layout Template Areas (Secrets of Painless Layout)

98
Comments
5 min read
Customizable traffic light with CSS (SASS @each/@for)
Cover image for Customizable traffic light with CSS (SASS @each/@for)

Customizable traffic light with CSS (SASS @each/@for)

12
Comments
3 min read
CSS Loading Animation - Morphing Icons Effect (clip-path, @keyframes)
Cover image for CSS Loading Animation - Morphing Icons Effect (clip-path, @keyframes)

CSS Loading Animation - Morphing Icons Effect (clip-path, @keyframes)

33
Comments
3 min read
Hugo - sending hugs you really feel - Finishing touches
Cover image for Hugo - sending hugs you really feel - Finishing touches

Hugo - sending hugs you really feel - Finishing touches

2
Comments
2 min read
CSS Loading Animation - Ripple Effect in Mosaic (keyframes, flex box)
Cover image for CSS Loading Animation - Ripple Effect in Mosaic (keyframes, flex box)

CSS Loading Animation - Ripple Effect in Mosaic (keyframes, flex box)

88
Comments
3 min read
Coding the Wikipedia's Tooltip!
Cover image for Coding the Wikipedia's Tooltip!

Coding the Wikipedia's Tooltip!

49
Comments 7
2 min read
Modern Sidebar Menu
Cover image for Modern Sidebar Menu

Modern Sidebar Menu

381
Comments 20
2 min read
Create and implement a loader. (easy)
Cover image for Create and implement a loader. (easy)

Create and implement a loader. (easy)

18
Comments
2 min read
Using symbols in CSS selectors
Cover image for Using symbols in CSS selectors

Using symbols in CSS selectors

8
Comments 2
1 min read
loading...