Skip to content
Navigation menu
Search
Search
Log in
Create account
DEV Community
Close
DEV Community
is a community of 851,150 amazing developers
We're a place where coders share, stay up-to-date and grow their careers.
Create account
Log in
Home
Listings
Podcasts
Videos
Tags
FAQ
Forem Shop
Sponsors
About
Contact
Other
Code of Conduct
Privacy Policy
Terms of use
Twitter
Facebook
Github
Instagram
Twitch
#
uidesign
Follow
Posts
Left menu
👋
Sign in
for the ability to sort posts by
relevant
,
latest
, or
top
.
Right menu
Deepgram x DEV Hackathon Submission - VocalBridge - An AudioBook & Podcast Speech-to-Text application!
Jordan Tingling
Jordan Tingling
Jordan Tingling
Follow
Apr 2
Deepgram x DEV Hackathon Submission - VocalBridge - An AudioBook & Podcast Speech-to-Text application!
#
hackwithdg
#
uiux
#
app
#
uidesign
Reactions
25
 reactions
Comments
16
 comments
6 min read
Save
Saved
How to create component’s variants in Figma
raoufbelakhdar
raoufbelakhdar
raoufbelakhdar
Follow
Jan 21
How to create component’s variants in Figma
#
figmatips
#
uidesign
#
figma
#
figmatutorial
Reactions
4
 reactions
Comments
Add Comment
3 min read
Save
Saved
css overlay: create an overlay with opacity without affecting content inside the overlay
Nguyễn Hữu Hiếu
Nguyễn Hữu Hiếu
Nguyễn Hữu Hiếu
Follow
Dec 31 '21
css overlay: create an overlay with opacity without affecting content inside the overlay
#
css
#
uidesign
#
overlay
Reactions
6
 reactions
Comments
Add Comment
1 min read
Save
Saved
We build a tool that identifies colors from a website URL and generate a CSS/Sass code palette
Arbaoui Mehdi
Arbaoui Mehdi
Arbaoui Mehdi
Follow
Jan 9
We build a tool that identifies colors from a website URL and generate a CSS/Sass code palette
#
css
#
sass
#
webdev
#
uidesign
Reactions
41
 reactions
Comments
3
 comments
2 min read
Save
Saved
How to create Navigation bar in Figma
Ahmad Emran
Ahmad Emran
Ahmad Emran
Follow
Dec 21 '21
How to create Navigation bar in Figma
#
ui
#
uidesign
#
figma
#
web
Reactions
3
 reactions
Comments
Add Comment
1 min read
Save
Saved
UI Design Process
Krutik Raut
Krutik Raut
Krutik Raut
Follow
Oct 26 '21
UI Design Process
#
uiweekly
#
ui
#
uidesign
#
design
Reactions
3
 reactions
Comments
Add Comment
1 min read
Save
Saved
Figma Tutorial — How to design a landing page for your eBook
raoufbelakhdar
raoufbelakhdar
raoufbelakhdar
Follow
Nov 10 '21
Figma Tutorial — How to design a landing page for your eBook
#
uidesign
#
figmaplugin
#
figmatutorial
#
landingpagedesign
Reactions
6
 reactions
Comments
Add Comment
1 min read
Save
Saved
6 Things Pokémon Cards Will Teach You About Design
Mishacreatrix
Mishacreatrix
Mishacreatrix
Follow
Nov 9 '21
6 Things Pokémon Cards Will Teach You About Design
#
pokémon
#
design
#
uidesign
#
uxdesign
Reactions
3
 reactions
Comments
Add Comment
7 min read
Save
Saved
Day 9: Picking the dark-mode color palette for web app buttons logically
Masa Kudamatsu
Masa Kudamatsu
Masa Kudamatsu
Follow
Oct 15 '21
Day 9: Picking the dark-mode color palette for web app buttons logically
#
darkmode
#
color
#
uidesign
#
button
Reactions
6
 reactions
Comments
Add Comment
10 min read
Save
Saved
Day 8: Positioning buttons over embedded Google Maps
Masa Kudamatsu
Masa Kudamatsu
Masa Kudamatsu
Follow
Oct 7 '21
Day 8: Positioning buttons over embedded Google Maps
#
googlemaps
#
styledcomponents
#
css
#
uidesign
Reactions
6
 reactions
Comments
Add Comment
18 min read
Save
Saved
How To Never Run Out Of Ideas As A Designer
Mishacreatrix
Mishacreatrix
Mishacreatrix
Follow
Oct 4 '21
How To Never Run Out Of Ideas As A Designer
#
design
#
ideageneration
#
uidesign
#
uxdesign
Reactions
3
 reactions
Comments
Add Comment
4 min read
Save
Saved
Day 7: Making buttons look like "clouds" for embedded Google Maps
Masa Kudamatsu
Masa Kudamatsu
Masa Kudamatsu
Follow
Sep 30 '21
Day 7: Making buttons look like "clouds" for embedded Google Maps
#
svg
#
buttons
#
uidesign
#
webdev
Reactions
7
 reactions
Comments
3
 comments
26 min read
Save
Saved
Day 6: Customizing Google Maps place markers with asterisks from Google Fonts
Masa Kudamatsu
Masa Kudamatsu
Masa Kudamatsu
Follow
Sep 16 '21
Day 6: Customizing Google Maps place markers with asterisks from Google Fonts
#
googlemaps
#
uidesign
#
webdev
#
darkmode
Reactions
2
 reactions
Comments
Add Comment
20 min read
Save
Saved
How To Improve The Usability Of Password Fields
Mishacreatrix
Mishacreatrix
Mishacreatrix
Follow
Aug 23 '21
How To Improve The Usability Of Password Fields
#
design
#
designtips
#
uxdesign
#
uidesign
Reactions
4
 reactions
Comments
Add Comment
5 min read
Save
Saved
Design A Website From Scratch In 7 Steps
Mishacreatrix
Mishacreatrix
Mishacreatrix
Follow
Aug 9 '21
Design A Website From Scratch In 7 Steps
#
design
#
webdesign
#
uidesign
Reactions
2
 reactions
Comments
Add Comment
7 min read
Save
Saved
UI Design Fundamentals
Krutik Raut
Krutik Raut
Krutik Raut
Follow
Jul 19 '21
UI Design Fundamentals
#
uiweekly
#
ui
#
uidesign
#
design
Reactions
3
 reactions
Comments
Add Comment
1 min read
Save
Saved
5 Ways For A UI Designer To Come Up With Ideas
Mishacreatrix
Mishacreatrix
Mishacreatrix
Follow
Jun 28 '21
5 Ways For A UI Designer To Come Up With Ideas
#
uidesign
#
uxdesign
#
designers
#
design
Reactions
6
 reactions
Comments
Add Comment
4 min read
Save
Saved
Color psychology in web design
Eleftheria Batsou
Eleftheria Batsou
Eleftheria Batsou
Follow
Jun 5 '21
Color psychology in web design
#
design
#
color
#
brand
#
uidesign
Reactions
65
 reactions
Comments
1
 comment
3 min read
Save
Saved
Dark/Light theme switcher for your Website.
Shantanu Nighot
Shantanu Nighot
Shantanu Nighot
Follow
May 18 '21
Dark/Light theme switcher for your Website.
#
webdev
#
webdesign
#
uidesign
#
theme
Reactions
5
 reactions
Comments
Add Comment
2 min read
Save
Saved
How to create and organize your Color styles in Figma
raoufbelakhdar
raoufbelakhdar
raoufbelakhdar
Follow
May 12 '21
How to create and organize your Color styles in Figma
#
figma
#
uidesign
#
colorstyles
#
tutorial
Reactions
2
 reactions
Comments
1
 comment
2 min read
Save
Saved
How to organize your design’s components in Figma
raoufbelakhdar
raoufbelakhdar
raoufbelakhdar
Follow
May 10 '21
How to organize your design’s components in Figma
#
figma
#
components
#
organize
#
uidesign
Reactions
14
 reactions
Comments
Add Comment
3 min read
Save
Saved
Dark/Light Mode Toggle: a Usability Issue
Francesco Improta
Francesco Improta
Francesco Improta
Follow
Jan 14 '21
Dark/Light Mode Toggle: a Usability Issue
#
uidesign
#
ux
#
darkmode
#
frontend
Reactions
11
 reactions
Comments
Add Comment
2 min read
Save
Saved
Parallax Scrolling Effect
Sekti
Sekti
Sekti
Follow
Jul 26 '20
Parallax Scrolling Effect
#
parallax
#
css
#
html
#
uidesign
Reactions
9
 reactions
Comments
Add Comment
2 min read
Save
Saved
Fill Background Animation using CSS
Sekti
Sekti
Sekti
Follow
Jul 11 '20
Fill Background Animation using CSS
#
css
#
html
#
uidesign
Reactions
12
 reactions
Comments
1
 comment
3 min read
Save
Saved
Weather App UI Design Tutorial | Adobe XD UI Design | Web app UI Design Tutorial
MOHAMED MOUROUH
MOHAMED MOUROUH
MOHAMED MOUROUH
Follow
Jul 1 '20
Weather App UI Design Tutorial | Adobe XD UI Design | Web app UI Design Tutorial
#
weatherappuidesign
#
uidesign
#
adobexd
Reactions
2
 reactions
Comments
Add Comment
1 min read
Save
Saved
Some UI-Design Frontend Framework
NamNguyen
NamNguyen
NamNguyen
Follow
Jun 8 '20
Some UI-Design Frontend Framework
#
uidesign
#
frontendframework
Reactions
4
 reactions
Comments
1
 comment
1 min read
Save
Saved
Adobe XD Design to Flutter Code in 100 Seconds
Mighty
Mighty
Mighty
Follow
May 30 '20
Adobe XD Design to Flutter Code in 100 Seconds
#
flutter
#
dart
#
programming
#
uidesign
Reactions
7
 reactions
Comments
Add Comment
1 min read
Save
Saved
User Interface Design Project
Patricia Joanne
Patricia Joanne
Patricia Joanne
Follow
May 21 '20
User Interface Design Project
#
uidesign
#
moodle
#
elearning
#
college
Reactions
4
 reactions
Comments
Add Comment
4 min read
Save
Saved
UI Component Source Files (.sketch)
Ildiko
Ildiko
Ildiko
Follow
Mar 28 '20
UI Component Source Files (.sketch)
#
uidesign
#
resources
#
sketch
#
frontend
Reactions
10
 reactions
Comments
1
 comment
1 min read
Save
Saved
Entrepreneurs, Brand Managers and Technical Managers Who’re Interested in Clean Design
Cliffex Software Solutions
Cliffex Software Solutions
Cliffex Software Solutions
Follow
Mar 13 '20
Entrepreneurs, Brand Managers and Technical Managers Who’re Interested in Clean Design
#
mobileappdevelopmet
#
uidesign
#
uxdesign
#
mobileappdesign
Reactions
7
 reactions
Comments
Add Comment
5 min read
Save
Saved
Reusing Design Systems with Yarn and Gulp
Sebastian Nitu
Sebastian Nitu
Sebastian Nitu
Follow
May 1 '17
Reusing Design Systems with Yarn and Gulp
#
frameworks
#
uidesign
#
yarn
#
gulp
Reactions
10
 reactions
Comments
Add Comment
4 min read
Save
Saved
Programming in VR
Shem Nguyen
Shem Nguyen
Shem Nguyen
Follow
Mar 23 '17
Programming in VR
#
virtualreality
#
uidesign
Reactions
7
 reactions
Comments
5
 comments
2 min read
Save
Saved
NodeGUI
Alex
Alex
Alex
Follow
Jan 26 '20
NodeGUI
#
uidesign
#
qt
#
node
Reactions
6
 reactions
Comments
Add Comment
3 min read
Save
Saved
User Study: TED App
Navneet Sahota
Navneet Sahota
Navneet Sahota
Follow
Oct 19 '19
User Study: TED App
#
userstudy
#
ui
#
ux
#
uidesign
Reactions
5
 reactions
Comments
Add Comment
2 min read
Save
Saved
Dynamic Image height adjustment in CSS based on content
Saranraj Sekar
Saranraj Sekar
Saranraj Sekar
Follow
Sep 5 '19
Dynamic Image height adjustment in CSS based on content
#
website
#
uidesign
#
grid
#
css
Reactions
7
 reactions
Comments
Add Comment
3 min read
Save
Saved
Why you should probably be using a design system (and how to build one)
Brian Neville-O'Neill
Brian Neville-O'Neill
Brian Neville-O'Neill
Follow
Jul 8 '19
Why you should probably be using a design system (and how to build one)
#
uidesign
#
design
#
ui
Reactions
7
 reactions
Comments
Add Comment
10 min read
Save
Saved
How to improve user experience design with transitions
Browser
Browser
Browser
Follow
May 7 '19
How to improve user experience design with transitions
#
webdev
#
tutorial
#
uidesign
#
transitions
Reactions
6
 reactions
Comments
Add Comment
4 min read
Save
Saved
How design skills help developer to contribute better to the products
Paramanantham Harrison
Paramanantham Harrison
Paramanantham Harrison
Follow
May 5 '19
How design skills help developer to contribute better to the products
#
webdev
#
productmanagement
#
uxdesign
#
uidesign
Reactions
17
 reactions
Comments
Add Comment
3 min read
Save
Saved
Lesser known tricks to level up your UI design
Leo Mercier
Leo Mercier
Leo Mercier
Follow
Apr 22 '19
Lesser known tricks to level up your UI design
#
uxdesign
#
digitalproducts
#
uidesign
#
css
Reactions
6
 reactions
Comments
Add Comment
1 min read
Save
Saved
How research and discovery shape our UI thinking
Browser
Browser
Browser
Follow
Jan 18 '19
How research and discovery shape our UI thinking
#
uidesign
#
uxdesign
#
webdesign
#
designprocess
Reactions
5
 reactions
Comments
Add Comment
4 min read
Save
Saved
loading...
We're a place where coders share, stay up-to-date and grow their careers.
Log in
Create account