跳至主要内容
CSS-Tricks
  • 文章
  • 笔记
  • 链接
  • 指南
  • 年鉴
  • 随机
搜索

文章标签
images

45 篇文章
{
,

}
文章“网络标准最接近黄金法则”的直链
images performance

“网络标准最接近黄金法则”

互联网自己的 Mat Marquis 从 HTML 设计原则规范中摘录了这句精辟的话 摘录

在发生冲突的情况下,应优先考虑用户,其次是作者,然后是实现者,再然后是规范制定者,最后是理论纯度。

然后他将这个理念应用于 放置图片…

Avatar of Chris Coyier
Chris Coyier 于 2019 年 2 月 13 日
文章“你怎么想的?”的直链
accessibility alt text figcaption figure images

你怎么想的?

Scott O’Hara 深入探讨了 <figure></figure> 和 <figcaption></figcaption> 元素。必须喜欢一个好的 HTML 深入研究。

我在 CSS-Tricks 上的几乎每一篇博文中都使用了这些,正如我所怀疑的那样,我一直基本上都在错误地使用它们。…

Avatar of Chris Coyier
Chris Coyier 于 2019 年 2 月 1 日
文章“使用人工智能为图像生成替代文本”的直链
accessibility alt text images semantics

使用人工智能为图像生成替代文本

Web 开发人员和内容编辑人员常常忘记或忽略了使网站无障碍和 SEO 性能优化的最重要部分之一:图像替代文本。你知道,那个看似很小的描述图像的图像属性

​​​<img src="/cute/sloth/image.jpg" 
…
Avatar of Nino Ross Rodriguez
Nino Ross Rodriguez 于 2019 年 2 月 1 日
文章“一个几乎理想的 React 图像组件”的直链
images react responsive images

一个几乎理想的 React 图像组件

是的,这是一个 React 组件,但无论你是否关心这部分内容,“理想图像组件”部分都可能引起你的兴趣。我们在网页上放置图像时需要考虑很多因素…

Avatar of Chris Coyier
Chris Coyier 于 2018 年 6 月 21 日
文章“灭绝与濒危”的直链
icons images

灭绝与濒危

我最近看了很多自然纪录片。我喜欢你可以非常专注地观看它们,或者将它们用作背景电视。我是最初的《蓝色星球》的忠实粉丝,所以它…

Avatar of Chris Coyier
Chris Coyier 于 2018 年 3 月 9 日
文章“对比度交换技巧:使用 CSS 滤镜改善图像性能”的直链
filter images performance

对比度交换技巧:使用 CSS 滤镜改善图像性能

使用 CSS 滤镜效果和混合模式,我们现在可以利用 各种技巧直接在浏览器中为图像设置样式。但是,创建美观的主题并不是滤镜效果的全部用途。您可以使用滤镜来指示悬停状态…

Avatar of Una Kravets
Una Kravets 于 2017 年 11 月 7 日
文章“在 WordPress 中延迟加载 Gravatar”的直链
images jQuery lazy loading WordPress

在 WordPress 中延迟加载 Gravatar

大多数 WordPress 主题在评论线程中显示用户 Gravatar。这是一种显示用户图像的方式,与使用的电子邮件地址相关联。这是一个不错的功能,如今几乎已成为一种预期的设计模式。

每个…

Avatar of Chris Coyier
Chris Coyier 于 2017 年 4 月 4 日
文章“在 JavaScript 中小心测量图像宽度”的直链
images width

在 JavaScript 中小心测量图像宽度

假设您想在页面上找到一个 <img /> 并在 JavaScript 中找出它的宽度。也许您需要根据该宽度(或高度,或两者)做出一些选择您可以肯定地…

Avatar of Chris Coyier
Chris Coyier 于 2017 年 3 月 15 日
文章“在本地开发,使用生产环境中的图像”的直链
htaccess images localhost version control WordPress

在本地开发,使用生产环境中的图像

在本地处理您的网站意味着将使您的网站正常运行的文件保存在您的计算机上。这些文件通常存储在版本控制存储库中。您处理它们,并将它们推送到存储库…

Avatar of Chris Coyier
Chris Coyier 于 2016 年 12 月 29 日
  • 更新
  • 1
  • ...
  • 3
  • 4
  • 5
  • 较旧

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

使用我们精心制作的时事通讯

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律信息
  • 获取免费信用额度!
CSS-Tricks
  • 为我们写作!
  • 与我们合作广告
  • 联系我们
社交媒体
  • RSS 订阅
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.