DEV Community

loading...

# ui

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

👋 Sign in for the ability sort posts by top and latest.
Flexbox use cases.

Flexbox use cases.

Reactions 9
3 min read
CSS Download Loading Animation (@keyframes, clip-path)

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

Reactions 10
3 min read
CSS Day Night Switch (CSS/HTML only) [PART 2]

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

Reactions 33
5 min read
CSS Day Night Switch (CSS/HTML only) [PART 1]

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

Reactions 20
5 min read
Hugo - sending hugs you really feel - Finishing touches

Hugo - sending hugs you really feel - Finishing touches

Reactions 1
2 min read
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

Reactions 3
1 min read
CSS Grid Layout Template Areas (Secrets of Painless Layout)

CSS Grid Layout Template Areas (Secrets of Painless Layout)

Reactions 99
5 min read
Create (lovely) React Tabs !

Create (lovely) React Tabs !

Reactions 10 Comments 1
1 min read
5 Reasons Why Dark Mode Matters

5 Reasons Why Dark Mode Matters

Reactions 9 Comments 4
5 min read
Customizable traffic light with CSS (SASS @each/@for)

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

Reactions 12
3 min read
CSS Loading Animation - Morphing Icons Effect (clip-path, @keyframes)

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

Reactions 26
3 min read
CSS Loading Animation - Ripple Effect in Mosaic (keyframes, flex box)

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

Reactions 80
3 min read
Coding the Wikipedia's Tooltip!

Coding the Wikipedia's Tooltip!

Reactions 39 Comments 3
2 min read
Modern Sidebar Menu

Modern Sidebar Menu

Reactions 367 Comments 20
2 min read
Create and implement a loader. (easy)

Create and implement a loader. (easy)

Reactions 15
2 min read
Using symbols in CSS selectors

Using symbols in CSS selectors

Reactions 6 Comments 1
1 min read
Organizing MVU Projects

Organizing MVU Projects

Reactions 6
17 min read
CSS morphable clip-path Ribbons

CSS morphable clip-path Ribbons

Reactions 33 Comments 2
4 min read
Frontend Resources

Frontend Resources

Reactions 23
4 min read
Part 1 - TODO app UI building using Flutter

Part 1 - TODO app UI building using Flutter

Reactions 9
6 min read
Async/await is awesome, but don’t abandon Promises

Async/await is awesome, but don’t abandon Promises

Reactions 3
3 min read
Web Development. From Design to Code

Web Development. From Design to Code

Reactions 9
8 min read
How to Build a Quick UI for Your Restful API + Howto Cheatsheet

How to Build a Quick UI for Your Restful API + Howto Cheatsheet

Reactions 7
4 min read
Tab groups in Chrome

Tab groups in Chrome

Reactions 3
2 min read
Using CSS variables to create a dark mode for your site

Using CSS variables to create a dark mode for your site

Reactions 17 Comments 4
3 min read
How to design anything? Free Templates for everything!

How to design anything? Free Templates for everything!

Reactions 5
1 min read
Tailwind UI dropdown menu - React vs Svelte

Tailwind UI dropdown menu - React vs Svelte

Reactions 7
3 min read
What's your favorite CSS approach?

What's your favorite CSS approach?

Reactions 44 Comments 31
1 min read
What's your experience with TailwindCSS?

What's your experience with TailwindCSS?

Reactions 25 Comments 21
1 min read
Modals Are Promises

Modals Are Promises

Reactions 6
1 min read
Styled Components for Everyone - Welcome Cinnamon Wrap 1.0 🌯

Styled Components for Everyone - Welcome Cinnamon Wrap 1.0 🌯

Reactions 8
2 min read
Where do you get illustrations?

Where do you get illustrations?

Reactions 498 Comments 25
1 min read
💾 Review 34: Modern Projects, Portfolios and Fails!! | #elefDoesCode 42:55

💾 Review 34: Modern Projects, Portfolios and Fails!! | #elefDoesCode

Reactions 10
3 min read
What animation libraries do you use?

What animation libraries do you use?

Reactions 54 Comments 5
1 min read
5 different ways to create a ticket layout

5 different ways to create a ticket layout

Reactions 28
8 min read
💽 Review 33: Portfolios and new projects!! | #elefDoesCode 23:45

💽 Review 33: Portfolios and new projects!! | #elefDoesCode

Reactions 16 Comments 3
3 min read
💽 Review 32: Portfolios and new projects!! | #elefDoesCode 28:42

💽 Review 32: Portfolios and new projects!! | #elefDoesCode

Reactions 7
3 min read
💾 Review 31: Portfolios and new projects!! | #elefDoesCode 25:18

💾 Review 31: Portfolios and new projects!! | #elefDoesCode

Reactions 5
3 min read
Dark Mode, comment et quand l'utiliser

Dark Mode, comment et quand l'utiliser

Reactions 3
4 min read
☘ Review 30: Portfolios and cool projects!! | #elefDoesCode 24:51

☘ Review 30: Portfolios and cool projects!! | #elefDoesCode

Reactions 17 Comments 1
3 min read
UX/UI: How Important Is It for Developers?

UX/UI: How Important Is It for Developers?

Reactions 52 Comments 1
3 min read
React Workshop - free online workshop by SCS Concordia

React Workshop - free online workshop by SCS Concordia

Reactions 7
2 min read
How often have you re-designed your portfolio?

How often have you re-designed your portfolio?

Reactions 19 Comments 28
1 min read
Making Android UI testing enjoyable

Making Android UI testing enjoyable

Reactions 30 Comments 6
11 min read
Do you prefer Light mode or Dark mode?

Do you prefer Light mode or Dark mode?

Reactions 29 Comments 36
1 min read
Typical interface mistakes developers make

Typical interface mistakes developers make

Reactions 10 Comments 2
4 min read
Which android app makes digital prototype from paper sketch? (using the camera) [Solved]

Which android app makes digital prototype from paper sketch? (using the camera) [Solved]

Reactions 4 Comments 5
1 min read
i18n + Google Spreadsheet = ♥️

i18n + Google Spreadsheet = ♥️

Reactions 5
1 min read
Cloning hey pin menu using CSS and JavaScript

Cloning hey pin menu using CSS and JavaScript

Reactions 23 Comments 1
7 min read
Do you use Dark Mode, or not completely dark?

Do you use Dark Mode, or not completely dark?

Reactions 6 Comments 3
1 min read
What is the most beautiful Linux distro?

What is the most beautiful Linux distro?

Reactions 35 Comments 80
1 min read
Design flutter app for different screen sizes using MediaQuery

Design flutter app for different screen sizes using MediaQuery

Reactions 11
3 min read
Refactoring UI book review

Refactoring UI book review

Reactions 2
1 min read
Color Theory

Color Theory

Reactions 61 Comments 1
1 min read
Why you should create design systems, not pages?

Why you should create design systems, not pages?

Reactions 6 Comments 2
4 min read
Design few, Implement few is the right workflow for designers and front-end developers!

Design few, Implement few is the right workflow for designers and front-end developers!

Reactions 4
4 min read
Why you should think in a feature, not a layout when you create UI?

Why you should think in a feature, not a layout when you create UI?

Reactions 4
2 min read
The How (and Why) of User Flows

The How (and Why) of User Flows

Reactions 5
5 min read
How to Redesign a Website

How to Redesign a Website

Reactions 30 Comments 1
1 min read
Creating a custom Chart.js legend style

Creating a custom Chart.js legend style

Reactions 18 Comments 2
3 min read
loading...