分类：大小：更新时间：2017-08-18

原文：Lazy loading images using Intersection Observer 译者：小影 如果你还没有机会看过，Paul Lewis 发布了一个精彩的视频系列，演示了如何构建一个媒体播放器以及渐进式 Web 应用（Progressive Web App）的一些重要功能。在 YouTube

分类：大小：更新时间：2017-02-01

原文：How to Create Direction-Aware CSS-Only Hover Effects 译者：小影 概述 几个关于带方向感应的纯 CSS 悬停效果教程。 要求 这些教程面向有基础 HTML 知识和熟练 CSS/SASS 高级用法的人。 声明 这些效果在旧的浏览器中无效 - 你需要一个可以渲染

分类：大小：更新时间：2016-04-06

最基本的进度条动画代码，终于学会了=。=直接贴代码~ 代码都是写在第一帧，其中load_bar是一个矩形影片剪辑，load_text是一个动态文本。 AS3里载入完是场景跳转，AS2里是直接播放下一帧。 AS2 stop(); //暂了个停 this.onEnterFrame = function() //进入帧时 {

分类：大小：更新时间：2014-10-13

在过去几年里，我发表了关于 HTML5 表单验证的文章和演讲，其中最常见的问题就是关于气泡。这里的气泡是指浏览器显示验证错误信息的 UI 空间。下面分别是 Chrome、Firefox 和 IE 的实现：

分类：大小：更新时间：2014-06-01

最近有好几个人问我使用的是哪个代码高亮插件？其实我并没有使用 WordPrees 插件，而是直接使用了一个 JavaScript 库 —— Prism 是一款轻量、可扩展的代码语法高亮库，使用现代化的 Web 标准构建。 为什么选择 Prism.js ？ 极致易用 引用 prism.css 和 prism

分类：大小：更新时间：2014-03-22

当在一个网站上显示e-mail地址的时候你肯定会混淆它以防止收到spammers的攻击。但是哪种混淆方法是最好的呢？用图片代替？用#、[at]替换@？不，这不再是个好办法。如果你是垃圾邮件的受害者，并且在寻找既能正常在网页上显示自己的邮箱地址，又能有效防止垃圾邮件的办法，下面六种方法绝对坚如磐石而且可以避免你的地址收到攻击者的伤害。

分类：大小：更新时间：2014-03-22

一、样式与结构分离 尽量使用的形式导入外部样式表，而不是直接将样式写在标签上或写在head里。 二、语义化的html结构 使用正确的标签 例如你想表示标题，就应该使用heading(h1~h6)标签而不是span标签。 正确命名class和id 三、不要使用Photoshop等软件的导出为html+图像功能

分类：大小：更新时间：2014-03-22

现在的浏览器都支持text-overflow:ellipsis属性，用来实现单行文本的溢出显示省略号，但是这个属性并不支持多行文本。那么有没有方法在多行文本上实现同样的效果呢？ -webkit-line-clamp Webkit支持一个名为-webkit-line-clamp的属性，他其实是一个WebKit

分类：大小：更新时间：2014-03-22

什么是 .htaccess 文件？ 概述来说，htaccess 文件是 Apache 服务器中的一个配置文件，它负责相关目录下的网页配置。 通过 htaccess 文件，可以帮我们实现：网页301重定向、自定义404错误页面、改变文件扩展名、允许/阻止特定的用户或者目录的访问、禁止目录列表、配置默认文档等功能。

分类：大小：更新时间：2014-03-22

Web Fonts 是伴随着 CSS3 的 @font-face 一起火起来的技术。使用 @font-face 你可以在网页上使用任何字体，而不需要考虑用户的电脑上有没有这个字体。如果你经常上一淘网，有没有发现它的网站 LOGO 就是用 Web Font 实现的？ 在这篇文章中，我将把小影志的 LOGO 变为 Web