DEV Community

# 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.
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)

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

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

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

32
Comments
3 min read
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)

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

85
Comments
3 min read
Coding the Wikipedia's Tooltip!

Coding the Wikipedia's Tooltip!

47
Comments 7
2 min read
Modern Sidebar Menu

Modern Sidebar Menu

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

Create and implement a loader. (easy)

18
Comments
2 min read
Using symbols in CSS selectors

Using symbols in CSS selectors

8
Comments 2
1 min read
Create (lovely) React Tabs !

Create (lovely) React Tabs !

16
Comments 1
1 min read
5 Reasons Why Dark Mode Matters

5 Reasons Why Dark Mode Matters

10
Comments 4
5 min read
Organizing MVU Projects

Organizing MVU Projects

20
Comments 6
19 min read
CSS morphable clip-path Ribbons

CSS morphable clip-path Ribbons

51
Comments 2
4 min read
Frontend Resources

Frontend Resources

54
Comments
4 min read
Part 1 - TODO app UI building using Flutter

Part 1 - TODO app UI building using Flutter

10
Comments
6 min read
Async/await is awesome, but don’t abandon Promises

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

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

Web Development. From Design to Code

11
Comments
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

7
Comments
4 min read
How to design anything? Free Templates for everything!

How to design anything? Free Templates for everything!

5
Comments
1 min read
Using CSS variables to create a dark mode for your site

Using CSS variables to create a dark mode for your site

17
Comments 5
3 min read
Tailwind UI dropdown menu - React vs Svelte

Tailwind UI dropdown menu - React vs Svelte

10
Comments
3 min read
What's your favorite CSS approach?

What's your favorite CSS approach?

45
Comments 31
1 min read
Modals Are Promises

Modals Are Promises

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

Styled Components for Everyone - Welcome Cinnamon Wrap 1.0 🌯

8
Comments
2 min read
đŸ’Ÿ Review 34: Modern Projects, Portfolios and Fails!! | #elefDoesCode 42:55

đŸ’Ÿ Review 34: Modern Projects, Portfolios and Fails!! | #elefDoesCode

11
Comments
3 min read
Where do you get illustrations?

Where do you get illustrations?

506
Comments 28
1 min read
5 different ways to create a ticket layout

5 different ways to create a ticket layout

51
Comments 1
8 min read
Tab groups in Chrome

Tab groups in Chrome

2
Comments
2 min read
đŸ’œ Review 33: Portfolios and new projects!! | #elefDoesCode 23:45

đŸ’œ Review 33: Portfolios and new projects!! | #elefDoesCode

17
Comments 3
3 min read
đŸ’œ Review 32: Portfolios and new projects!! | #elefDoesCode 28:42

đŸ’œ Review 32: Portfolios and new projects!! | #elefDoesCode

8
Comments
3 min read
đŸ’Ÿ Review 31: Portfolios and new projects!! | #elefDoesCode 25:18

đŸ’Ÿ Review 31: Portfolios and new projects!! | #elefDoesCode

6
Comments
3 min read
UX/UI: How Important Is It for Developers?

UX/UI: How Important Is It for Developers?

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

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

19
Comments
3 min read
React Workshop - free online workshop by SCS Concordia

React Workshop - free online workshop by SCS Concordia

8
Comments
2 min read
Making Android UI testing enjoyable

Making Android UI testing enjoyable

20
Comments 11
11 min read
Typical interface mistakes developers make

Typical interface mistakes developers make

11
Comments 2
4 min read
Dark Mode, comment et quand l'utiliser

Dark Mode, comment et quand l'utiliser

3
Comments 1
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]

4
Comments 5
1 min read
i18n + Google Spreadsheet = ♄

i18n + Google Spreadsheet = ♄

6
Comments
1 min read
Cloning hey pin menu using CSS and JavaScript

Cloning hey pin menu using CSS and JavaScript

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

Do you use Dark Mode, or not completely dark?

6
Comments 3
1 min read
Color Theory

Color Theory

62
Comments 1
1 min read
Design flutter app for different screen sizes using MediaQuery

Design flutter app for different screen sizes using MediaQuery

10
Comments
3 min read
Refactoring UI book review

Refactoring UI book review

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

Why you should create design systems, not pages?

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!

4
Comments
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?

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

The How (and Why) of User Flows

5
Comments
5 min read
How to Redesign a Website

How to Redesign a Website

31
Comments 3
1 min read
Creating a custom Chart.js legend style

Creating a custom Chart.js legend style

19
Comments 2
3 min read
AWS Cognito React UI

AWS Cognito React UI

12
Comments
4 min read
Random... does anyone get confused styling?

Random... does anyone get confused styling?

3
Comments 2
1 min read
How to create an animated login register web page with HTML, CSS, and javascript

How to create an animated login register web page with HTML, CSS, and javascript

27
Comments 2
3 min read
9 Lesser-Known CSS Selectors To Up Your Styling Game

9 Lesser-Known CSS Selectors To Up Your Styling Game

20
Comments
5 min read
🎉Review 22: Portfolios and Notes App | #elefDoesCode 18:50

🎉Review 22: Portfolios and Notes App | #elefDoesCode

4
Comments
3 min read
I made a freecodecamp.org/learn redesign

I made a freecodecamp.org/learn redesign

2
Comments 1
1 min read
Tips and resources on how to improve your UI design skills

Tips and resources on how to improve your UI design skills

65
Comments
7 min read
đŸ€“Review 19: Personal Portfolio and Blog Page | #elefDoesCode 35:00

đŸ€“Review 19: Personal Portfolio and Blog Page | #elefDoesCode

4
Comments
3 min read
Adaptive Theme on Flutter

Adaptive Theme on Flutter

6
Comments
2 min read
Por que vocĂȘ deveria dar uma chance ao Tailwind CSS

Por que vocĂȘ deveria dar uma chance ao Tailwind CSS

27
Comments 3
6 min read
loading...