4275 篇文章
Add Background Colors to SVGs Using the “rect” Element
在 web 开发中使用 SVG 的优势是众所周知的。SVG 的体积小,可以非常容易地访问,可以进行缩放,同时保持其质量,并且可以进行动画处理。但是,它也有学习曲线。例如,…
Do This to Improve Image Loading on Your Website
在下面嵌入的视频中,Jen Simmons 解释了如何使用宽度和高度属性来改善图像加载。问题是,当图像第一次加载时,会出现很多抖动,因为img
会自然地拥有…
Understanding Web Accessibility Color Contrast Guidelines and Ratios
当您收到关于您的 web 设计中的颜色对比度的投诉时,您应该怎么做?它可能看起来对您来说很完美,因为您能够阅读整个网站的内容,但对于其他人来说,它可能是…
Centering a div That Maintains Aspect-Ratio When There’s Body Margin
Andrew Welch 前几天在发布了一项 CSS 挑战,要求制作一个普通的 div
…• 垂直和水平居中
• 缩放以适应视窗,并在其周围留有边距
• 保持任意纵横比
• 无 JS
Web Component for a Code Block
我们马上就会讲到,但首先,我要做个冗长的介绍。
我仍然不确定什么时候适合使用原生 web 组件。模板并不特别健壮,所以这并不能吸引我。没有状态…