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

⚠️不要在家里尝试这个。CSS-only image detail zoom - As hacky as possible! 🖼️🔍

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

#html

1. 我如何使用简单的JavaScript创建一个文件共享网站

res.cloudinary.com image
How I Created a File Sharing Website using Simple JavaScript (dev.to)

2. 你可能想知道的5个网络开发技巧 🔥 #3

dev.to image
5 webdev tips you may want to know 🔥 #3 (dev.to)

3. 7个没人用的酷炫HTML元素

res.cloudinary.com image
7 Cool HTML Elements Nobody Uses (dev.to)

4. 令人着迷的CSS艺术。沉默

res.cloudinary.com image
Mesmerizing CSS art: Silence (dev.to)

5. 你可能想知道的5个网络开发技巧 🔥 #2

dev.to image
5 webdev tips you may want to know 🔥 #2 (dev.to)

6. 10个用于SEO的HTML标签🔍

res.cloudinary.com image
10 HTML Tags for SEO🔍 (dev.to)

7. 寻找免费插图的五大网站

res.cloudinary.com image
Top 5 Websites To Find Free Illustrations (dev.to)

8. 以下是我如何将一个网站的性能提高了21%!

res.cloudinary.com image
Here's how I increased a website performance by 21%! (dev.to)

9. 在没有任何图像的情况下推出图像网站......。

res.cloudinary.com image
Launching an Images Website… Without Any Images (dev.to)

10. 你可能想知道的5个网络开发技巧 🔥

dev.to image
5 webdev tips you may want to know 🔥 (dev.to)

11. 免费创建你自己的API的简单方法

res.cloudinary.com image
Easy way to Create your own API for FREE (dev.to)

12. 单位之争。PX vs REM vs EM

res.cloudinary.com image
The Battle of the Units: PX vs REM vs EM (dev.to)

13. 构建一个网络绘画应用

res.cloudinary.com image
Build a Web Paint Application (dev.to)

14. 我做了有史以来最好的Github ReadMe!

res.cloudinary.com image
I made the best Github ReadMe EVER! (dev.to)

15. 为HTML、React、Vue创建工作表单--无需编码/服务器!

dev.to image
Create Working Forms for HTML, React, Vue - No Coding/Server Required! (dev.to)

16. 仅使用HTML、CSS和JS的响应式投资组合

res.cloudinary.com image
Responsive Portfolio with HTML, CSS and JS only (dev.to)

17. 令人敬畏的网络项目创意,你可以把它们放在你的简历中

res.cloudinary.com image
Awesome Web Projects Ideas You Can put them on your Resume (dev.to)

18. 响应性的网络图像

res.cloudinary.com image
Responsive Images for web (dev.to)

19. 跟随星期五。CSS版(2022年9月2日)

dev.to image
Follow Friday: CSS Edition (2 September 2022) (dev.to)

20. CSS网格和Flexbox的简要指南

res.cloudinary.com image
A brief guide for CSS Grid and Flexbox (dev.to)

21. 我使用HTML和CSS制作了所有国家的旗帜

res.cloudinary.com image
I made all countries' flags using HTML & CSS (dev.to)

22. 我使用HTML和CSS制作了所有国家的旗帜

res.cloudinary.com image
I made all countries' flags using HTML & CSS (dev.to)

23. 不使用JavaScript的表单输入验证

res.cloudinary.com image
Form input validation WITHOUT JavaScript (dev.to)

24. 巧妙地使用标签

res.cloudinary.com image
Tabbing Tactfully (dev.to)

25. 错误时的HTML回退图像

res.cloudinary.com image
HTML fallback images on error (dev.to)

26. 网格与Flex:在哪里使用哪个?🤔

res.cloudinary.com image
Grid vs Flex: Where to use which? 🤔 (dev.to)

27. 初学者的JJSX(以及它与HTML的区别)

res.cloudinary.com image
JSX for beginners (and how it differs from HTML) (dev.to)

28. 纯粹的CSS Jack Sparrow船长

dev.to image
Pure CSS Captain Jack Sparrow (dev.to)

29. 🎯 为网络开发者提供的免费图标网站

dev.to image
🎯 Free Icons sites for web Developers (dev.to)

30. 开发工具大放异彩:你可能不知道开发工具能做的7件事

res.cloudinary.com image
Dev Tools Unleashed: 7 things you probably didn't know Dev Tools could do (dev.to)

31. 在你的HTML文件中直接使用JavaScript框架的力量!

dev.to image
Use the power of a JavaScript framework right in your HTML file!! (dev.to)

32. IE之死(网络漫画)

res.cloudinary.com image
The Death of IE (webcomic) (dev.to)

33. 可以获得免费主机的网站

dev.to image
Sites where you can get free hosting (dev.to)

34. 如何用普通的JS和CSS创建一个滚动到顶部的按钮

res.cloudinary.com image
How to create a scroll to top button with vanilla JS & CSS (dev.to)

35. 讨论一下。作为一名开发人员,你愿意成为一名专家还是一名通才?

dev.to image
Discuss: As a developer would you rather be a specialist or a generalist? (dev.to)

36. 两行CSS,提升了7倍的渲染性能!

dev.to image
Two lines of CSS that boosts 7x rendering performance! (dev.to)

37. 网络开发 === 无障碍环境

res.cloudinary.com image
Web Development === Accessibility (dev.to)

38. 100个CSS盒式阴影预设

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

39. 我为你的下一个项目做了100个CSS按钮💪

res.cloudinary.com image
I Made 100 CSS Buttons for Your Next Project 💪 (dev.to)

40. 网络浏览器如何工作--执行Javascript(第5部分,有插图)💻🌠

res.cloudinary.com image
How web browsers work - executing the Javascript (part 5, with illustrations)💻🌠 (dev.to)

41. 哪些HTML特征能促进无障碍性?

dev.to image
What HTML features promote accessibility? (dev.to)

42. 不要用100vh做移动响应

res.cloudinary.com image
Don't use 100vh for mobile responsive (dev.to)

43. 屠魔者的另一个CSS艺术

res.cloudinary.com image
Another CSS Art from Demon Slayer (dev.to)

44. 互动式SNES控制器的HTML+CSS

res.cloudinary.com image
Interactive SNES Controller in HTML + CSS (dev.to)

45. 网络浏览器如何工作--获取数据(第二部分,附图)🚀

res.cloudinary.com image
How web browsers work - fetching data (part 2, with illustrations)🚀 (dev.to)

46. 如何把HTML网页变成一个图像?

res.cloudinary.com image
How to turn HTML webpage into an Image? (dev.to)

47. 无障碍切换

res.cloudinary.com image
Accessible Toggle (dev.to)

48. 来自屠魔者的CSS艺术

res.cloudinary.com image
A CSS Art from Demon Slayer (dev.to)

49. 开发人员的免费HTML模板网站

res.cloudinary.com image
FREE HTML Template sites for Developers (dev.to)

50. 材料设计调色板生成器

res.cloudinary.com image
Material Design Color Palette Generator (dev.to)

51. 了解用CSS进行布局定位

res.cloudinary.com image
Understanding layout positioning with CSS (dev.to)

52. 讨厌CSS?用这个扩展来代替

res.cloudinary.com image
hate CSS? use this extension instead (dev.to)

53. 一个超级赛亚人的CSS艺术!

res.cloudinary.com image
A Super Saiyan CSS Art! (dev.to)

54. 14个密码笔让你大开眼界!

res.cloudinary.com image
14 Codepens to Blow You Away! (dev.to)

55. 每个网页开发人员都应该知道的15个被低估的HTML属性

res.cloudinary.com image
15 underrated HTML attributes every web developer should know (dev.to)

56. React中的玻璃效应

res.cloudinary.com image
Glass Effect in React (dev.to)

57. JavaScript。技巧和窍门

res.cloudinary.com image
JavaScript: Tips and Tricks (dev.to)

58. HTML拖放API

dev.to image
HTML Drag and Drop API (dev.to)

59. CleanDocs A Documentation Template

res.cloudinary.com image
CleanDocs A Documentation Template (dev.to)

60. 简单的代码与简单的代码是不同的。榆树与JavaScript

res.cloudinary.com image
Simple code is different from simplistic code: Elm vs JavaScript (dev.to)

61. 如何使用HTML、CSS和JS制作全栈式电子商务网站|第1部分

res.cloudinary.com image
How to make full stack e-commerce website using HTML, CSS and JS | Part 01 (dev.to)

62. 为什么网站性能很重要以及提高前端性能的技巧

res.cloudinary.com image
Why Is Website Performance Important And Tricks To Improve Front End Performance (dev.to)

63. 每个网站开发人员都应该访问的8个网站

res.cloudinary.com image
8 Websites Every Web Developer Should Visit (dev.to)

64. 好的。所以......我可能已经完全重建了我的网站......再次

res.cloudinary.com image
OK. So...I might have completely rebuilt my website...again (dev.to)

65. 浏览器是如何渲染网页的?

res.cloudinary.com image
How does a Browser render a Webpage? (dev.to)

66. HTML模板制作者路线图

res.cloudinary.com image
HTML template maker roadmap (dev.to)

67. CSS可以帮助改善你的HTML⁉ - Ep 2: 按钮和链接。

res.cloudinary.com image
CSS can help improve your HTML⁉ - Ep 2: buttons and links. (dev.to)

68. 如何从零开始使用HTML建立网站

res.cloudinary.com image
How To Start A Website From Scratch Using HTML (dev.to)

69. 使用HTML、CSS和JavaScript的响应式个人组合网站

res.cloudinary.com image
Responsive Personal Portfolio Website Using HTML CSS And JavaScript (dev.to)

70. Unsplash API - 如何制作unsplash的克隆 - Javascript教程

res.cloudinary.com image
Unsplash API - How to make unsplash clone | Javascript tutorial (dev.to)

71. 如何在纯Javascript上创建一个视差

res.cloudinary.com image
How to create a parallax on pure Javascript (dev.to)

72. 如何用HTML和CSS创建一个进度条(视频)

res.cloudinary.com image
How to create a progress bar with HTML and CSS (video) (dev.to)

73. 用麦当劳的玩具造出一个机器人朋友

res.cloudinary.com image
Building a Robot Friend from a McDonald's Toy (dev.to)

74. 如何使用JavaScript制作一个天气应用程序

res.cloudinary.com image
How to Make a Weather App using JavaScript (dev.to)

75. 为什么作为一个前端开发者要制作HTML模板?

res.cloudinary.com image
Why make HTML templates as a frontend developer (dev.to)

76. 10个最适合初学者在线学习的HTML、CSS和Web开发课程

dev.to image
10 Best HTML, CSS and Web Development Courses for Beginners to Learn Online (dev.to)

77. 2021年黑色星期五最适合网络开发者的优惠活动

res.cloudinary.com image
2021 Best Black Friday Deals for Web Developers (dev.to)

78. 用JS自动完成

res.cloudinary.com image
AutoComplete with JS (dev.to)

79. 用CSS绘制动画的3D店面

res.cloudinary.com image
Drawing an animated 3D store front with CSS (dev.to)

80. 如何在JavaScript中建立一个简单的搜索栏

res.cloudinary.com image
How To: Build A Simple Search Bar in JavaScript (dev.to)

81. 你应该知道的CSS框架。

res.cloudinary.com image
The CSS frameworks you should know. (dev.to)

82. Windows 12,但用于网络

res.cloudinary.com image
Windows 12, but for Web (dev.to)

83. 令人敬畏的玻璃卡与香草倾斜 🚀

res.cloudinary.com image
Awesome Glass Card with Vanilla-tilt 🚀 (dev.to)

84. 用HTML和CSS添加玻璃效果

res.cloudinary.com image
Add a glass effect with HTML and CSS (dev.to)

85. 50多个超棒的Vue.js模板和主题

res.cloudinary.com image
50+ Awesome Vue.js Templates And Themes (dev.to)

86. 使用HTML、CSS和JavaScript建立7页完整的响应式教育网站

res.cloudinary.com image
Build 7 Pages Complete Responsive Educational Website Using HTML CSS & JavaScript (dev.to)

87. 反应灵敏的图像,性能更好。开始使用srcset和图片

res.cloudinary.com image
Responsive images for better performance: Start using srcset and picture (dev.to)

88. 为您的下一个响应式网站提供30多个定价表

res.cloudinary.com image
30+ Pricing Table For Your Next Responsive Website (dev.to)

89. 解释一下Flexbox属性

res.cloudinary.com image
Flexbox Properties Explained (dev.to)

90. 5个技巧让你的网站灯塔得分从Meh到WOW!

res.cloudinary.com image
5 Tips to Take your Website Lighthouse Score from Meh to WOW! (dev.to)

91. 了解CSS中的盒式模型

res.cloudinary.com image
Understanding The Box Model in CSS (dev.to)

92. ⚠️不要在家里尝试这个。CSS-only image detail zoom - As hacky as possible! 🖼️🔍

res.cloudinary.com image
⚠️ Don't try this at home: CSS-only image detail zoom - As hacky as possible! 🖼️🔍 (dev.to)

93. 10个很棒的CSS汉堡包菜单

res.cloudinary.com image
10 awesome CSS Hamburger Menus (dev.to)

94. 如何在社交媒体上宣传自己是自由职业者的网页设计师

res.cloudinary.com image
How to Promote Yourself as a Freelance Web Designer on Social Media (dev.to)

95. 使用Vanilla JS的日历

res.cloudinary.com image
Calendar using Vanilla JS (dev.to)

96. 探索CSS绘画API。多边形边框

res.cloudinary.com image
Exploring the CSS Paint API: Polygon Border (dev.to)

97. 3 不常见但有用的HTML元素

res.cloudinary.com image
3 Uncommon but useful HTML elements (dev.to)

98. Parcel.js v2 Bundler,是一个优秀的网络开发构建工具。

res.cloudinary.com image
Parcel.js v2 Bundler, is an excellent web development build tool. (dev.to)

99. 对CSS中的rem和em单位感到困惑?

res.cloudinary.com image
Confused About rem and em units in CSS? (dev.to)

100. 我为什么会爱上 "边缘地带"?

res.cloudinary.com image
Why I fell in love with margin-top (dev.to)

101. 电子商务网站 - 从数据库中添加/删除产品。第三部分

res.cloudinary.com image
E-commerce website - adding/deleting product from database. Part 3 (dev.to)

102. 使用纯HTML、CSS和JS的玻璃变形术学生成绩计算器。

res.cloudinary.com image
Glass Morphism Student Grade Calculator Using Pure HTML, CSS & JS. (dev.to)

103. 从零到网络开发者

res.cloudinary.com image
De cero a desarrollador web (dev.to)

104. 关于使用网络组件库

dev.to image
On Using Web Component Libraries (dev.to)

105. 你是否厌倦了用计算器将 "px "转换为 "em",SASS将解决这一问题

res.cloudinary.com image
Are You Bored Of Converting "px" to "em" Using A Calculator, SASS Will Solve The Problem (dev.to)

106. 通过克隆这些网站掌握前端开发💻 💯

res.cloudinary.com image
Master Frontend Development 💻 By Cloning These Websites 💯 (dev.to)

107. 如何使用JavaScript创建鼠标滚轮的水平滚动

res.cloudinary.com image
How to create horizontal scroll with mouse wheel using JavaScript (dev.to)

108. CSS-类型学

res.cloudinary.com image
CSS-Typography (dev.to)

109. React Native VS React Js!

res.cloudinary.com image
React Native vs React Js! (dev.to)

110. 使用HTML、CSS和JS创建一个响应式的登陆页面 🔥

res.cloudinary.com image
Create a Responsive Landing Page Using HTML CSS & JS 🔥 (dev.to)

111. 荷马-辛普森在CSS中的表现......只有一个HTML元素

dev.to image
Homer Simpson in CSS... with a single HTML element (dev.to)

112. CSS中的步骤进度条

res.cloudinary.com image
Step progress bar in CSS (dev.to)

113. 多行纯CSS打字机的效果

res.cloudinary.com image
Multiline CSS-only typewriter effect (dev.to)

114. 使用HTML、CSS和Javascript的简单手风琴菜单

res.cloudinary.com image
Simple Accordion Menu using HTML, CSS & Javascript (dev.to)

115. 高斯! 网络音频的乐趣

res.cloudinary.com image
KAOSS! Fun with Web Audio (dev.to)

116. CSS "拼字 "作家--下一代打字机

res.cloudinary.com image
The CSS 'Scrabble' writer — The next gen typewriter (dev.to)

117. 一个打字机,但没有HTML、CSS或JS?

res.cloudinary.com image
A Typewriter, but with no HTML, CSS, or JS?! (dev.to)

118. HTML功能,可能你从来不知道有这样的功能。

res.cloudinary.com image
HTML Features, probably you never knew existed. (dev.to)

119. Javascript中的快速排序算法

res.cloudinary.com image
QuickSort Algorithm in Javascript (dev.to)

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

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

121. 鲜为人知的CSS单元

res.cloudinary.com image
The Little Known CSS Unit (dev.to)

122. 🔵 CSS响应式侧边栏导航。

res.cloudinary.com image
🔵 CSS Responsive Sidebar Navigation. (dev.to)

123. 使用HTML和CSS的动画技能栏

res.cloudinary.com image
Animated Skills Bar using HTML and CSS (dev.to)

124. HTML和CSS中的扩展卡(CSS动画)

res.cloudinary.com image
Expanding Card in HTML & CSS (CSS Animations) (dev.to)

125. 从零到英雄:前端开发者路线图

res.cloudinary.com image
Zero to Hero: Front End Developer Roadmap (dev.to)

126. 在5分钟内添加彩纸效果

dev.to image
Add Confetti Effect in 5 minutes (dev.to)

127. 使用Pexels API创建一个惊人的图片搜索应用程序

res.cloudinary.com image
Create an amazing Image Search App using Pexels API (dev.to)

128. 使用React和styled-components来生成PDF文件

res.cloudinary.com image
Using React and styled-components to generate PDFs (dev.to)

129. 以简单的方式让初学者掌握CSS3 Flexbox。

res.cloudinary.com image
CSS3 flexbox in simple way for beginners to master. (dev.to)

130. 7种情况下我们可以使用HTML而不是CSS

res.cloudinary.com image
7 cases where we can use HTML instead of CSS (dev.to)

131. 留着胡子的男孩解释网络组件

res.cloudinary.com image
Boy with a beard explains Web components (dev.to)

132. 如何用JavaScript制作一个qr码生成器

dev.to image
How to make a qr-code generator with JavaScript (dev.to)

133. 用CSS变量做主题。

res.cloudinary.com image
Theming with CSS variables. (dev.to)

134. 使用JavaScript的简单倒计时器

res.cloudinary.com image
Simple Countdown Timer using JavaScript (dev.to)

135. HTML输入属性

res.cloudinary.com image
HTML input attributes (dev.to)

136. 如何快速、免费地做到这一点? : 从设计到响应式网页代码

res.cloudinary.com image
How to do it FAST & FREE? : Design to Responsive Web Code (dev.to)

137. 用纯CSS在网页上定制光标

res.cloudinary.com image
Custom cursor on a webpage in pure CSS (dev.to)

138. 如何创建youtube克隆。用HTML、CSS、JS克隆Youtube。

res.cloudinary.com image
How to create youtube clone. Youtube clone with HTML, CSS, JS. (dev.to)

139. 使用Javascript生成随机密码

res.cloudinary.com image
Random Password Generator using Javascript (dev.to)

140. 31个前端开发研究课题,提高你的代码质量

dev.to image
31 Front-End Development Study Topics to Improve Your Code Quality (dev.to)

141. 为你的投资组合提供6个HTML和CSS项目

res.cloudinary.com image
6 HTML and CSS Projects For Your Portfolio (dev.to)

142. 开始使用Jamstack

res.cloudinary.com image
Getting Started with Jamstack (dev.to)

143. 第二部分:几乎无人知晓的5个HTML标签

res.cloudinary.com image
Part-2: 5 HTML Tags That Almost Nobody Knows (dev.to)

144. 网站开发者的终极骗局清单

dev.to image
The Ultimate Cheat sheet List For Web Developers (dev.to)

145. 了解CSS媒体查询

dev.to image
Understanding CSS Media Queries (dev.to)

146. 使用Html Css和Javascript的自动图像滑块

res.cloudinary.com image
Automatic Image Slider Using Html Css & Javascript (dev.to)

147. 如何在网络应用中实现复制和粘贴

res.cloudinary.com image
How to implement copy and paste in a web application (dev.to)

148. 从初学者到专业人员的15个CSS3最佳实践。

res.cloudinary.com image
15 CSS3 Best practices of for beginners to pro. (dev.to)

149. ⚡10 每个初学者必须尝试的JavaScript项目

dev.to image
⚡10 JavaScript Projects Every Beginner Must Try (dev.to)

150. 我做了一个应用程序,可以显示你的键盘和鼠标的使用情况(有键盘热图)。

res.cloudinary.com image
I made an app that shows you your keyboard and mouse usage (with a keyboard heatmap) (dev.to)

151. 使用JavaScript将浏览器页面下载为PDF

res.cloudinary.com image
Download Browser Page as PDF using JavaScript (dev.to)

152. 为你的网站创建一个自定义的光标

res.cloudinary.com image
Create a custom cursor for your website (dev.to)

153. 15个供初学者掌握的HTML5最佳实践。

res.cloudinary.com image
15 HTML5 best practices for beginners to master. (dev.to)

154. 🎬响应式卡片悬停效果 | Html & CSS✨

dev.to image
🎬Responsive Card Hover Effects | Html & CSS✨ (dev.to)

155. 星级评分系统--只有168个字节😲,没有JS,没有CSS,没有图片😨,可访问(有点)......战争结束了

res.cloudinary.com image
Star rating system - only 168 BYTES 😲, no JS, no CSS, no images 😨, Accessible (kind of)...the war is over (dev.to)

156. 我喜欢Solid.js的几个原因

res.cloudinary.com image
A few reasons why I love Solid.js (dev.to)

157. 如何建立一个JavaScript随机报价生成器

res.cloudinary.com image
How to build a JavaScript Random Quote Generator (dev.to)

158. 如何制作登录和注册表格 | HTML CSS & Vanilla JavaScript✨

dev.to image
🎬How To Make Login & Registration Form | HTML CSS & Vanilla JavaScript✨ (dev.to)

159. 显示设计:glassmorphism CSS生成器

res.cloudinary.com image
Show dev: glassmorphism CSS generator (dev.to)

160. 使用HTML和CSS的Neumorphism侧边栏菜单

res.cloudinary.com image
Neumorphism Sidebar Menu Using HTML and CSS (dev.to)

161. 2021年学习网络开发的8个终极资源 #2

res.cloudinary.com image
8 Ultimate ressources for learning Web Dev in 2021 #2 (dev.to)

162. 2021年你应该知道的最佳Javascript库

dev.to image
Best Javascript Libraries you should know in 2021 (dev.to)

163. 让我们改进textarea!

dev.to image
Let's Improve the textarea! (dev.to)

164. 使用JavaScript、Html和CSS制作带日期的数字时钟

res.cloudinary.com image
Digital Clock with Date using JavaScript, Html & CSS (dev.to)

165. CSS中平滑、逼真的阴影大师指南

res.cloudinary.com image
The master guide to smooth, realistic shadows in CSS (dev.to)

166. 可以减少你的CSS的HTML属性

dev.to image
HTML attributes that will reduce your CSS (dev.to)

167. 我作为一个前端开发者使用的5个资源,你可能需要

res.cloudinary.com image
5 resources I use as a front end developer that you probably need (dev.to)

168. 9个响应式网站教程与Html CSS JavaScript Bootstrap一步到位

res.cloudinary.com image
9 Responsive Website Tutorials With Html CSS JavaScript Bootstrap Step By Step (dev.to)

169. 7个HTML良好的编码习惯

dev.to image
7 HTML Good Coding Habits (dev.to)

170. 使用HTML和CSS的通知Budge

res.cloudinary.com image
Notification Budge Using HTML & CSS (dev.to)

171. 前5个有用的艾美特缩略语

res.cloudinary.com image
Top 5 useful Emmet Abbreviations (dev.to)

172. 使用HTML和JS的惊人的清晰输入

res.cloudinary.com image
Amazing Clear Input Using HTML & JS (dev.to)

173. 快速提示。如何在Page Speed Insights / Lighthouse中修复 "图像元素没有明确的宽度和高度 "的问题

res.cloudinary.com image
Quick Tips: How to fix "Image elements do not have explicit width and height" in Page Speed Insights / Lighthouse (dev.to)

174. 如何使用HTML、CSS、JavaScript一步步制作响应式网站

res.cloudinary.com image
How to make Responsive Website Using HTML CSS JavaScript Step By Step (dev.to)

175. 每个开发者都应该收藏的12个免费设计资源

res.cloudinary.com image
12 Free Design Resources Every Developer Should Bookmark (dev.to)

176. 令人敬畏的自定义右键选项。纯粹的CSS和JS

res.cloudinary.com image
Awesome custom right click options. Pure CSS and JS (dev.to)

177. 10个小企业网站营销技巧

dev.to image
Top 10 Small Business Website Marketing Tips (dev.to)

178. 高性能图像。2021年指南

res.cloudinary.com image
High Performance Images: 2021 Guide (dev.to)

179. 我又为你的下一个项目做了100个CSS加载器

res.cloudinary.com image
I made 100 more CSS loaders for your next project (dev.to)

180. 30+网站开发人员的插图资源

res.cloudinary.com image
30+ Illustration Resources For Web Developers (dev.to)

181. 他们......就是......不会......学习🤦♂️--按钮就是<按钮>! [系列:无障碍漫游]

res.cloudinary.com image
They...just...won't...learn 🤦‍♂️ - a button is a <button>! [Series: Accessibility Rants] (dev.to)

182. 如果你是一个前端开发者,你应该使用的十大网站/扩展😎。

res.cloudinary.com image
Top 10 sites / extensions you should use if you are a Frontend Developer 😎 (dev.to)

183. 使用HTML、CSS和JS的惊人的特定选择文件

res.cloudinary.com image
Amazing Specific Select File Using HTML CSS & JS (dev.to)

184. 如何在CSS中制作标签。网站的标签

res.cloudinary.com image
How to make tabs in CSS. Tabs for website (dev.to)

185. 掌握有用的CSS伪类

res.cloudinary.com image
Master useful CSS pseudo-classes (dev.to)

186. 我的十大Visual Studio代码扩展,用于网络开发

dev.to image
My Top 10 Visual Studio Code Extensions for Web Development (dev.to)

187. 使用JavaScript的交叉观察者API揭示滚动中的内容

res.cloudinary.com image
Revealing Contents on Scroll Using JavaScript’s Intersection Observer API (dev.to)

188. 😲零CSS,只用一张图片就能建立一个完全互动的SPA?😱 再一次滥用互联网! [Extreme SSR!]

res.cloudinary.com image
😲 ZERO CSS and just a single image to build a fully interactive SPA???!!?? 😱 Abusing the internet once more! [Extreme SSR!] (dev.to)

189. "我是一个糟糕的开发者吗?" - 开发者普遍面临的一个问题

res.cloudinary.com image
"Am I a bad developer?" - A question developers commonly face (dev.to)

190. 50天内完成50个项目,5/5在那里! 🌻

dev.to image
50 Projects in 50 Days, 5/5 there! 🌻 (dev.to)

191. 🔥在javascript中建立用户头像生成器

res.cloudinary.com image
🔥 BUILD USER AVATAR GENERATOR IN JAVASCRIPT (dev.to)

192. 如何使用HTML和CSS创建响应式团队部分

res.cloudinary.com image
How To Create Responsive Team Section Using HTML & CSS (dev.to)

193. 在你的网站上添加一个加载器

dev.to image
Add a loader to your website (dev.to)

194. 如何创建一个点加载动画

res.cloudinary.com image
How to create a dot loading animation (dev.to)

195. 什么时候在你的HTML中使用ria-labels?

res.cloudinary.com image
When to use aria-labels in your HTML (dev.to)

196. 8个独特而秘密的技巧 前端开发者不知道的技巧

res.cloudinary.com image
8 Unique and Secret tricks Front-end Developers don't know (dev.to)

197. 语义学HTML元素。这里有8个元素可以用来代替div元素

res.cloudinary.com image
Semantic HTML Elements: Here are 8 elements to use instead of a div element (dev.to)

198. 设计系统--设计UI组件的API

res.cloudinary.com image
Design Systems — Designing UI Component APIs (dev.to)

199. 5个简短的CSS片段将带来巨大的变化

res.cloudinary.com image
5 Short CSS Snippets that will Make Big Difference (dev.to)

200. 如何用色调和阴影建立一个色轮

res.cloudinary.com image
How to Build a Color Wheel with Tints & Shades (dev.to)