Post by account_disabled on Jan 28, 2024 22:01:54 GMT -7
友好的前端和设计在线研讨会在线提高您的技能。 智能界面设计模式10 小时视频 + UX 培训 通过我们关于前端和设计的友好会议在线提高您的技能。 SmashingConf 纽约 2024 一旦您了解了基础知识CSS Sprites 就是一种相对简单的技术并且可以以各种方式应用它。常见用途是图形密集型导航但它也可用于按钮甚至使用公司字体设计标题。 精灵只是图像的集合这些图像合并在一起以创建单个文件。然后您可以使用 CSS 更改background-position图像以显示所需图像的正确部分。我经常用一个大物体经过窗户来比喻——你只能看到框架内的东西。 在过去的几年里CSS Sprites 已经成为最广泛采用的 CSS 相关技术之一。雅虎围绕加速网站的研究和文档而普及许多知名网站都。
实施了该技术包括谷歌和亚马逊。有许多教程可以帮助您掌握技术和精灵生成器从而帮助您自己创建图形。 好处和潜在问题 CSS Sprites 已成为提高网站或 Web 应用程序速度的实际方法。将多个图像合并到一个文件中可以快速减少典型网站所需的 请求数量。大多数浏览器 购买电话号码列表 只允许两个并发连接到一个域因此尽管单个文件可能很大但总体请求和响应时间要短得多。组合具有相似色调的图像还意味着颜色和压缩信息只需要一次而不是每个文件这意味着与单独的文件相比整体文件大小会减小。 参加关于前端、设计和用户体验的精彩研讨会包括实用要点、现场会议、视频录制和友好的问答。与布拉德·弗罗斯特、斯蒂芬·沃尔特和其他许多人一起。 跳转到研讨会 ↬ 功能面板 减少文件大小和 请求的好处经常。
被宣传但潜在的问题却很少被讨论。CSS Sprites 的主要技术问题之一是内存使用这在“To Sprite Or Not To Sprite”一文中进行了解释。另一个问题是精灵、图像和 CSS 的维护这两者都可能变得相当复杂。 技术解决方案 解决计算速度下降的常见做法似乎只是投入更多硬件。我们都知道硬件价格一直在下降所以这似乎是一个合理的解决方案。然而我觉得这种理念和根深蒂固的心态存在根本缺陷。开发人员可以获得更多的计算能力因此他们可以编写要在这些环境中处理的应用程序。随着每一个新功能的出现应用程序变得越来越慢但这个问题已经有了解决方案——升级你的硬件。这是一个无限循环。 人们今天遇到的许多用户界面都是在网络上的。这意味着用户在与内容交互之前必须下载大部分相关材料。
实施了该技术包括谷歌和亚马逊。有许多教程可以帮助您掌握技术和精灵生成器从而帮助您自己创建图形。 好处和潜在问题 CSS Sprites 已成为提高网站或 Web 应用程序速度的实际方法。将多个图像合并到一个文件中可以快速减少典型网站所需的 请求数量。大多数浏览器 购买电话号码列表 只允许两个并发连接到一个域因此尽管单个文件可能很大但总体请求和响应时间要短得多。组合具有相似色调的图像还意味着颜色和压缩信息只需要一次而不是每个文件这意味着与单独的文件相比整体文件大小会减小。 参加关于前端、设计和用户体验的精彩研讨会包括实用要点、现场会议、视频录制和友好的问答。与布拉德·弗罗斯特、斯蒂芬·沃尔特和其他许多人一起。 跳转到研讨会 ↬ 功能面板 减少文件大小和 请求的好处经常。
被宣传但潜在的问题却很少被讨论。CSS Sprites 的主要技术问题之一是内存使用这在“To Sprite Or Not To Sprite”一文中进行了解释。另一个问题是精灵、图像和 CSS 的维护这两者都可能变得相当复杂。 技术解决方案 解决计算速度下降的常见做法似乎只是投入更多硬件。我们都知道硬件价格一直在下降所以这似乎是一个合理的解决方案。然而我觉得这种理念和根深蒂固的心态存在根本缺陷。开发人员可以获得更多的计算能力因此他们可以编写要在这些环境中处理的应用程序。随着每一个新功能的出现应用程序变得越来越慢但这个问题已经有了解决方案——升级你的硬件。这是一个无限循环。 人们今天遇到的许多用户界面都是在网络上的。这意味着用户在与内容交互之前必须下载大部分相关材料。