文件名称：responsive-images-demo:我的响应式图像演示演示
文件大小：5.89MB
文件格式：ZIP
更新时间：2024-05-21 00:49:40
HTML
响应式图像 您是否参加了我关于响应式图像的演讲？ 此仓库是演示代码。 可以在找到已部署的演示。 您可以在找到幻灯片。 它们是为了方便与会者而提供的，因此，未经我的允许，请勿重用它们。 要继续播放幻灯片，请点击“ N”（下一个）。 点击“ P”（上一个）后退。 以下是我推荐的资源以及用于内容的其他资源。 推荐资源 MDN上的 ，Mat Marquis的一本短本（非免费） Umar Hansa的课程（非免费）和他每周发布的时事通讯（免费！） 书签可用于图像以提高响应速度-一款出色的性能工具！ Web Designer Depot员工的 杰里米·瓦格纳（Jeremy Wagner） 。 除了Photoshop和Sketch，他还提供了cwebp CLI工具的说明，如果您不能像我这样的其他工具，那将是很棒的。 另外一个好处是CLI工具实际上可以更灵活地控制所需的输出。 有关更多详细信息
【文件预览】：
responsive-images-demo-master
----android-chrome-192x192.png(52KB)
----images()
--------sofa_pug_400.webp(14KB)
--------puppo_32dith.gif(42KB)
--------narrow_800.jpg(82KB)
--------puppo_png24.png(309KB)
--------sofa_pug_400.jpg(36KB)
--------sofa_pug_800.jpg(117KB)
--------puppo_400.png(105KB)
--------wide_800.jpg(73KB)
--------pug_800.jpg(44KB)
--------pug_400.jpg(16KB)
--------pug_1600.jpg(136KB)
--------puppo_png8_128dith.png(77KB)
--------sofa_pug_800.webp(41KB)
--------sofa_pug_original.jpg(3.41MB)
--------puppo_800.jpg(160KB)
--------wide_1600.jpg(228KB)
--------puppo_400.jpg(45KB)
--------puppo_1600.jpg(561KB)
--------narrow_400.jpg(26KB)
----apple-touch-icon.png(46KB)
----readme.md(2KB)
----.github()
--------FUNDING.yml(39B)
----index.html(5KB)
----favicon-32x32.png(3KB)
----mstile-150x150.png(30KB)
----favicon-16x16.png(2KB)
----.gitignore(9B)
----browserconfig.xml(246B)
----android-chrome-512x512.png(294KB)
----site.webmanifest(426B)
----style.css(426B)
----favicon.ico(12KB)