• 之所以会翻译这篇文章是因为我昨天看到@勾三股四的这篇微博,里面推荐的文章就是下面我要翻译的。因为自己一直对响应式图片这个技术很关注,但是一直没有一个很好的总结机会,今天趁着翻译这篇文章总结了,这是本人翻译的第一篇文章,有错误的地方请指出。

    原文地址

    剖析responsive image

    最近对responsive image有一些感悟然后赶紧记下来免得忘了。下面就是我的感悟:

    尺寸固定,不同屏幕密度

    如果你是用像素来固定图片尺寸,又想在不同屏幕密度屏幕上实现响应式图片,可以这样:

    <img width="320" height="213"
    	src="cat.jpg"
    	srcset
  • 译文地址

    通过这篇文章能够深刻理解 background-position 的百分比。

    正文开始:

    通过这篇文章我要教大家解决一个曾经很困扰我的麻烦问题。我们要使用百分比的background-position值来解决一些问题。

    通常使用方法

    1. 摆放图片

      通常在容器里摆放图片是给出具体图片的topleft相对容器的topleft的值。

      在CSS中很容易做到。

      • 在容器里使用<img>标签

        .container{
        	position:relative;
        }
        .container img{
        	position:absolute;
        	top:12px;
        	left:20px

  • 当James Titcumb在为他正在组织的会议举行谈话时表示,他指出相对于普通人,那些被选上的著名演讲者,由于他们在其他的事情上是可靠的(即他们不会取消)。我认为“除其他之外”会占更多的比重- 我相信大多数会议组织者都会选择这样的会谈和演讲者,因为他们喜欢安全和恐惧的风险。

    我发现这是因为组织者做事谨慎,再来10年谈论,仍能承担风险。https://t.co/PXRhajhQXi

    — Bruno Skvorc (@bitfalls) April 28,2017)

    谨慎处理
    更多来自作者

    [创建自己的社交网络,游戏服务器或知识库!- Sourcehunt](https://www.sitepo

  • 2018 前端性能优化清单 - 第 2 部分

    下面是前端性能问题的概述,你可以参考以确保流畅的阅读本文。

    • 2018 前端性能优化清单 - 第 1 部分
    • 2018 前端性能优化清单 - 第 2 部分
    • 2018 前端性能优化清单 - 第 3 部分
    • 2018 前端性能优化清单 - 第 4 部分

    1. 你会在你的项目中使用 AMP 和 Instant Articles 么?

    依赖于你的组织优先性和战略性,你可能想考虑使用谷歌的 AMP 和 Facebook 的 Instant Articles 或者苹果的 Apple News。没有它们,你可以实现很好的性能,但是 AMP 确实提供了一个免费的内容

  • 最近,我们发布了一些教程促使你了解 Git 基础知识和在团队环境中使用 Git。谈论的指令已经足够帮助一个开发者在 Git 世界中生存。在这次教程中,我们尝试如何在有效的时间内充分掌握提供的 Git 特性。

    说明:文中一些指令包含指令的部分在方括号中(如:git add -p [file_name])。在这些案例中,你可以不用方括号,选择插入一些必要的数字,标识符等等,

    1. Git 自动完成
      如果你通过命令行运行 Git 命令,每一次通过手动敲来完成是令人烦恼的。为了帮助你做到这点,你可以使 Git 命令在几分钟内自动完成。

    将下列脚本运行在 Unix 系统中。

    cd ~
    curl https