Dev.to 热门 · 关于 收起 · Buzzing 首页 · 编辑精选 · PH热门 · 加密货币 + 更多 - 收起
HN 热门 · 国外新闻头条 · 中国 · 股市热门 · 下饭视频 · Reddit热门 · HN最新 · 精神食粮 · Reddit提问 · HN首页 · Show HN · 业余项目 · 女权主义 · Lobste · Linux · HN问答 · 纽约时报 · 纽约客 · 华尔街日报 · 经济学人 · Quora热门 · 提议更多喜欢的站点?

用户体验101 📲: 尼尔森关于用户界面设计的10条可用性启发式原则 (1-5)

该页面支持的版本: 该页面支持的语言: 订阅地址: 社交媒体: 数据来源: 最后更新于: 2022-10-01T14:30:09.531Z
背后的人❤️: Owen (Twitter)

#design

1. 我们亲爱的独角兽朋友要去度假了

res.cloudinary.com image
Our Dear Unicorn Friend is Going on Vacation (dev.to)

2. Sass: 插值与嵌套

res.cloudinary.com image
Sass: Interpolation & Nesting (dev.to)

3. 如何在2分钟内建立一个很酷的GitHub档案

res.cloudinary.com image
How to Build a Cool GitHub Profile in 2 Minutes (dev.to)

4. 针对低视力用户的响应式设计

res.cloudinary.com image
Responsive Design for users with low vision (dev.to)

5. 9个Figma替代品可快速提高你的生产力。

res.cloudinary.com image
9 Figma Alternatives For A Blazingly Fast Increase In Your Productivity. (dev.to)

6. 12个现代UI组件启发你的未来设计😍✨

res.cloudinary.com image
12 Modern UI Components to Inspire Your Future Designs 😍✨ (dev.to)

7. "老人",一个为老年人服务的会议应用程序

res.cloudinary.com image
"Elderly", a meeting app for older people (dev.to)

8. 为前端开发者提供的12种强大的设计工具✨💯

res.cloudinary.com image
12 Powerful Design Tools for Front-end Developers ✨💯 (dev.to)

9. 9+ 美丽的切换设计为您的组件国家😍✨

res.cloudinary.com image
9+ Beautiful Toggle Designs for Your Component States 😍✨ (dev.to)

10. 非标准的Flutter自定义底部导航栏

res.cloudinary.com image
Non-standard Flutter custom bottom navigation bar (dev.to)

11. 显示Flutter的自定义错误信息

dev.to image
Showing Flutter custom error messages (dev.to)

12. 图表是终极工程工具

res.cloudinary.com image
Diagrams are the ultimate engineering tool (dev.to)

13. 残疾人的挑战和解决方案

res.cloudinary.com image
Challenges and solutions for people with disabilities (dev.to)

14. 系统颜色主题检查的JavaScript

res.cloudinary.com image
System Color Theme Check In JavaScript (dev.to)

15. 让我看看你的办公桌设置! 🔥 🖥

res.cloudinary.com image
Show Me Your Desk Setup ! 🔥 🖥 (dev.to)

16. 如何获得网络开发客户?

res.cloudinary.com image
How to get web development clients ??? (dev.to)

17. Bootstrap CSS仍然是最棒的。但我们可以让它变得更好。

res.cloudinary.com image
Bootstrap CSS is still the sh*t. But we can make it better. (dev.to)

18. 重新创建苹果的黑暗模式图标

res.cloudinary.com image
Re-creating Apple’s Dark Mode Icon (dev.to)

19. 如何像前端开发者一样设计 - 设计栈和技术栈

dev.to image
How to design like a front-end developer — Design Stack & Tech Stack (dev.to)

20. 是什么让CSS如此艰难?

dev.to image
What makes CSS so hard? (dev.to)

21. 在dev.to上的第一个帖子! 与我联系?

dev.to image
First post on dev.to! Connect with me? (dev.to)

22. 16个有用的网站设计背景生成器 🎨😍

res.cloudinary.com image
16 Useful Background Generators for Your Website Designs 🎨😍 (dev.to)

23. 8个了不起的UI组件为您提供设计灵感 🎨😍

res.cloudinary.com image
8 Marvelous UI Components for Your Design Inspiration 🎨😍 (dev.to)

24. 100个CSS盒式阴影预设

res.cloudinary.com image
100 CSS Box Shadow Presets (dev.to)

25. 为你的网络项目提供12个超棒的形状生成器😍🚀

res.cloudinary.com image
12 Awesome Shape Generators for Your Web Projects 😍🚀 (dev.to)

26. #档案管理学院

res.cloudinary.com image
#PortfolioChallege (dev.to)

27. 18个GitHub存储库成为CSS大师 🎨🧙♂️

res.cloudinary.com image
18 GitHub Repositories to Become a CSS Master 🎨🧙‍♂️ (dev.to)

28. 为你的网站英雄区提供8种创意文本动画😍🎉。

res.cloudinary.com image
8 Creative Text Animations for Your Website's Hero Area 😍🎉 (dev.to)

29. 我是《少年工程》的粉丝!

res.cloudinary.com image
I'm a Teenage Engineering fanboy! (dev.to)

30. 数据库约束被认为是有害的?

res.cloudinary.com image
Database constraints considered harmful? (dev.to)

31. 你觉得我的作品集网站怎么样?

dev.to image
What do you think about my portfolio website? (dev.to)

32. 速度需要设计,或者说。你无法取悦被你惹恼的用户

res.cloudinary.com image
Speed Needs Design, or: You can’t delight users you’ve annoyed (dev.to)

33. 每个网页设计师都应该知道的13个漂亮的渐变工具 💯👍

res.cloudinary.com image
13 Beautiful Gradient Tools Every Web Designer Should Know 💯👍 (dev.to)

34. 为你的设计系统提供必要的布局组件

res.cloudinary.com image
Essential Layout Components For Your Design System (dev.to)

35. 12个华丽的UI组件为你带来设计灵感 🎨✨

res.cloudinary.com image
12 Gorgeous UI Components for Your Design Inspiration 🎨✨ (dev.to)

36. 实现更好的UI/UX设计的设计原则

res.cloudinary.com image
Design Principles To Achieve a Better UI/UX Design (dev.to)

37. 7个CSS阴影生成器,为你的设计增加深度 🎨😍

res.cloudinary.com image
7 CSS Shadow Generators to Add Depth to Your Designs 🎨😍 (dev.to)

38. 13个占位符头像和图像网站

res.cloudinary.com image
13 Placeholder Avatar & Image Websites (dev.to)

39. 为设计师和开发者提供的15个有用的占位符工具 🤩🚀

res.cloudinary.com image
15 Useful Placeholder Tools for Designers and Developers 🤩🚀 (dev.to)

40. 到目前为止,你最喜欢的CSS框架是什么?💅

dev.to image
What are your favourite CSS frameworks so far? 💅 (dev.to)

41. 为你的网站创建自定义光标

res.cloudinary.com image
Creating custom cursors for your website (dev.to)

42. 构建10个UI/UX项目创意,提高你的前端技能 🎨🧙♂️

res.cloudinary.com image
10 UI/UX Project Ideas to Build to Improve Your Frontend Skills 🎨🧙‍♂️ (dev.to)

43. 生成一个CSS颜色渐变

res.cloudinary.com image
Generate a CSS Color Gradient (dev.to)

44. 微型恶梦

res.cloudinary.com image
Micro Nightmares (dev.to)

45. CSS 3 VS Tailwind CSS

res.cloudinary.com image
CSS 3 VS Tailwind CSS (dev.to)

46. 为你的项目寻找插图的16个地方 📚🎨

res.cloudinary.com image
16 Places to Find Illustrations for Your Projects 📚🎨 (dev.to)

47. 后台工程技能对首席工程师来说强调得太多了

res.cloudinary.com image
Backend Engineering Skills Are Emphasized Too Heavily for Principal Engineers (dev.to)

48. 由CSS自定义属性提供的视差

res.cloudinary.com image
Parallax Powered by CSS Custom Properties (dev.to)

49. 每个开发者都应该知道的5条网络用户体验法则

res.cloudinary.com image
5 WEB UX LAWS EVERY DEVELOPER SHOULD KNOW (dev.to)

50. 适合您网站的最佳谷歌字体

res.cloudinary.com image
Best Google Fonts for your website (dev.to)

51. 当今的UI设计趋势以及如何在你的应用程序中应用它们

res.cloudinary.com image
UI design trends of today and how to apply them in your apps (dev.to)

52. 先进的Javascript设计模式

res.cloudinary.com image
Advanced Javascript Design Patterns (dev.to)

53. 设计网站||你不相信存在😎😎。

res.cloudinary.com image
Design website || you wan't believe exist 😎😎 (dev.to)

54. 创建黑暗的未来主义Web3外观的CSS技巧

res.cloudinary.com image
CSS Tricks to Create that Dark Futuristic Web3 Look (dev.to)

55. Windows 11 in React Js 💻🌈更新(非官方)

res.cloudinary.com image
Windows 11 in React Js 💻🌈 Update (Unofficial) (dev.to)

56. CSS单元的小抄

res.cloudinary.com image
A Cheat Sheet for CSS units (dev.to)

57. 发现最适合网站开发人员的插图网站。

res.cloudinary.com image
Discover the Best Illustration Websites for Web Developers. (dev.to)

58. 16个UI/UX设计师必用的Figma插件

res.cloudinary.com image
16 must-have Figma Plugins for UI/UX Designers (dev.to)

59. 5条基本的网络用户体验法则

res.cloudinary.com image
5 essential Web UX laws (dev.to)

60. 开发人员的7项UI设计基础知识

res.cloudinary.com image
7 UI Design Fundamentals for Developers (dev.to)

61. 每个网页设计人员都应遵循的5个设计技巧

res.cloudinary.com image
5 design tips every web dev should follow (dev.to)

62. 令人敬畏的内容创作工具

res.cloudinary.com image
Awesome Content Creation Tools (dev.to)

63. 响应。花式公文包的滚动过渡

res.cloudinary.com image
React: Scroll Transition for Fancy Portfolios (dev.to)

64. 六边形结构应用于类型化的反应项目

dev.to image
Hexagonal Architecture applied to typescript react project (dev.to)

65. 2021年的10大UI/UX设计趋势

res.cloudinary.com image
10 Top UI/UX Design Trends For 2021 (dev.to)

66. 用户体验101 📲: 尼尔森关于用户界面设计的10条可用性启发式原则 (1-5)

res.cloudinary.com image
UX 101 📲: Nielsen's 10 Usability Heuristic Principles for User Interface Design (1-5) (dev.to)

67. JavaScript中的设计模式

dev.to image
Design Patterns in JavaScript (dev.to)

68. 开发人员为何选择移动优先的方法

res.cloudinary.com image
Why Do Developers Choose Mobile First Approach (dev.to)

69. 有效网页设计的8个基本原则

res.cloudinary.com image
8 Fundamental Principles of Effective Web Design (dev.to)

70. 29个最大的图标库将在2021年使用

res.cloudinary.com image
29 Largest icon libraries to use in 2021 (dev.to)

71. 开发人员的最佳设计资源 - II

res.cloudinary.com image
Best Design Resources for Developers - II (dev.to)

72. 最好的高级Tailwind CSS模板和组件

res.cloudinary.com image
The Best Premium Tailwind CSS Templates & Components (dev.to)

73. 我正在制作一个复古科幻系列,教授UI设计(预告片)。

res.cloudinary.com image
I'm making a Retro Sci-Fi Series that teaches UI Design (Trailer) (dev.to)

74. 用HTML、CSS和JavaScript实现鼠标的水平滚动

dev.to image
Making Horizontal Mouse Scrolling With HTML, CSS, and JavaScript (dev.to)

75. 一个巨大的网页设计工具清单

res.cloudinary.com image
A huge list of web design tools (dev.to)

76. 我做了50多种颜色的PALETTES,供你在下一个项目和设计中使用🎨。

res.cloudinary.com image
I made 50+ COLOR PALETTES for you to use in your next projects and designs 🎨 (dev.to)

77. 为你的下一个个人或客户项目提供100多个免费插图资源

res.cloudinary.com image
100+ Free Illustration Resources For Your Next Personal or Clients Project (dev.to)

78. 为您的下一个项目免费提供Tailwind组件。

res.cloudinary.com image
Free Tailwind Components For Your Next Project. (dev.to)

79. 开发人员的最佳设计资源

res.cloudinary.com image
Best Design Resources for Developers (dev.to)

80. 风格 console.log() 像一个专业人员一样

res.cloudinary.com image
Style console.log() like a PRO (dev.to)

81. 制作你自己的(互动)图画小说

res.cloudinary.com image
Make your own (interactive) graphic novel (dev.to)

82. 前端开发者的UI/UX技巧(第一部分

res.cloudinary.com image
UI/UX Tips for Frontend Developers (Part 1) (dev.to)

83. 如何使你的产品看起来不错

res.cloudinary.com image
How to make your product look good (dev.to)

84. 设计网络项目的工具

dev.to image
Tools for designing a web project (dev.to)

85. 为提高网站性能而懒于加载图片的完整指南

res.cloudinary.com image
Complete Guide To Lazy Load Images For Better Website Performance (dev.to)

86. 使用Tailwind CSS的有用的页面布局

res.cloudinary.com image
Helpful Page Layouts using Tailwind CSS (dev.to)

87. 动画的CSS加载器

res.cloudinary.com image
Animated CSS loaders (dev.to)

88. 我的秘密设计资源

dev.to image
My Secret Design Resources (dev.to)

89. 脚本中的设计模式

dev.to image
Design Patterns In JavaScript (dev.to)

90. 5大分布式系统设计模式

res.cloudinary.com image
Top 5 Distributed System Design Patterns (dev.to)

91. 微服务模式:API网关

res.cloudinary.com image
Microservice Pattern : API Gateway (dev.to)

92. 一个简单的CSS Flexbox小抄

res.cloudinary.com image
A Simple CSS Flexbox Cheat Sheet (dev.to)

93. 18张带有表格设计提示的卡片

dev.to image
18 Cards with form design tips (dev.to)

94. 5个网站将帮助你进行下一个项目的设计和品牌推广。

res.cloudinary.com image
5 websites that will help you with the design and branding of your next project. (dev.to)

95. 作为自由职业者寻找客户的10+个技巧

res.cloudinary.com image
10+ Tips for Finding Clients as a Freelance Web Developer (dev.to)

96. 在Javascript中生成QR码

res.cloudinary.com image
Generate QR Code In Javascript (dev.to)

97. 5个简单的方法来改善你的网站用户界面(针对开发人员)🎨🗥️

res.cloudinary.com image
5 simple ways to improve your website UI (for developers) 🎨🖥️ (dev.to)

98. 改善你的用户界面设计的8个技巧

res.cloudinary.com image
8 Tips To Improve Your UI Designs (dev.to)

99. 30多个网站为你的下一个项目寻找设计

dev.to image
30+ website to find designs for your next projects (dev.to)

100. 2021年10个最适合网络开发者的谷歌Chrome浏览器扩展功能

res.cloudinary.com image
10 Best Google Chrome Extensions for Web Developers in 2021 (dev.to)

101. 未来主义黑暗主题 "极光未来

res.cloudinary.com image
A futuristic dark theme `Aurora Future` (dev.to)

102. 30个寻找设计灵感的好地方

res.cloudinary.com image
30 Awesome places to find design inspiration (dev.to)

103. 5种适合视觉学习者的美丽视觉资源

res.cloudinary.com image
5 Beautiful Visual Resources for Visual Learners (dev.to)

104. 每个人的建筑

dev.to image
Architecture for Everyone (dev.to)

105. 8种SCSS最佳实践要牢记于心

dev.to image
8 SCSS Best Practices to Keep in Mind (dev.to)

106. 50多个免费工具和资源来创建超赞的用户界面。

res.cloudinary.com image
50+ free tools and resources to create awesome user interfaces (dev.to)

107. 🚀🚀10个网站或应用,可以让你的前端开发达到专业*水平。

res.cloudinary.com image
🚀🚀10 sites or apps that can make your frontend development to pro* level (dev.to)

108. 40个免费HTML登陆页模板

res.cloudinary.com image
40 Free HTML landing page templates (dev.to)

109. 50+免费工具和资源来创建超赞的用户界面(第二部分

res.cloudinary.com image
50+ Free tools and resources to create awesome user interfaces (Part 2) (dev.to)

110. 50个免费的工具和资源,你一定会喜欢。

res.cloudinary.com image
50 free tools and resources you're gonna love (dev.to)

111. 11个简单的Web开发的UI设计技巧

res.cloudinary.com image
11 Easy UI Design Tips for Web Devs (dev.to)

112. CSS赛博朋克2077按钮--将你的CSS带入不夜城。

res.cloudinary.com image
CSS Cyberpunk 2077 Buttons - Taking your CSS to Night City (dev.to)

113. 我几乎每天都在使用的5个超低价的免费工具/资源。(作为一个前端开发人员)

res.cloudinary.com image
5 super under-rated free tools/resources I use almost every day. (As a Frontend developer) (dev.to)