Clik here to view.
12个强大的 Chrome 插件扩展 推荐 (二)
Chrome功能强大，也得益于其拥有丰富的扩展资源库。Chrome Web Store里有各种各样的插件，可以满足你使用Chrome时的各种要求。和Firefox一样，Chrome的扩展非常容易安装，而且非常容易卸载。与Firefox不同，Chrome的扩展不需要重新启动，并且不会有扩展插件会减小你的网页面积。在这里我总结出2013年 Chrome 的12款非常强大的扩展程序（二），供大家挑选分享。...
View ArticleClik here to view.
网站图片JPG、PNG、GIF哪个好，该选择谁
目前网站图片的采用一共有流行三种，分别是JPG、PNG、GIF，然而很多人并不知道三者在选择的时候究竟应该选谁（BMP就不考虑了吧）。虽然都可以存储图片，但是如果要发布到网上，就必须考虑速度、大小和失真程度的问题。如果你运用得好，选对图片，那样便会使网站的整体体验上升，如果你运用得不好，就会引起反效果。下面我通过文件大小等多方面的元素来讲一下网站图片的合理选择。 PNG、GIF、JPG 介绍 GIF...
View ArticleClik here to view.
在线制作、转换Webp图片文件
本文介绍如何在线转换图片到Webp，以及将Webp转换为Png格式。Webp是由google开发支持的新型图片格式，同时提供有损和无损压缩。WebP最初在2010年发布，目标是在最小的压缩损失下，提供尤其是在网络上应用的开放图片格式，竞争JPEG。Webp可达到与jpg不相上下的图片质量，但是有着更小的文件，可以减少图片档的传送时间。目前Chrome浏览器，Opera浏览器可以良好支持Webp文件。...
View ArticleClik here to view.
jQuery hash 插件
URL中的hash，也就是网址井号后面的部分，其实是一块宝地，它能创建浏览历史，也能存储一些简单数据。从Twitter开始Hash被用来定义Ajax内容，虽然如今已被HTML5的pushState所替代。这里介绍jQuery Hash 插件，可以帮助你完成简单数据的存储。 Hash存储数据有什么用 首先传统URL传递数据的弊端是，对搜索引擎不友好，搜索引擎会认为...
View ArticleClik here to view.
无需插件实现 jQuery 平滑滚动
平滑滚动总能让用户体验更友好。我推荐过一款jQuery平滑滚动插件，其通过调用$.scrollTo()或$.smoothScroll()函数实现页面的平滑滚动。事实上，你不需要任何插件，不需要添加多余的代码就可以做到jquery页面平滑滚动。一切都靠jQuery自己的一行很简单的代码即可完成。 无需jQuery scroll插件实现 jQuery 平滑滚动 要实现此效果，只需运行：...
View ArticleClik here to view.
查看网站在不同浏览器(包括IE6、7)的显示效果
网页看起来是否不同环境都整齐？是否曾想知道自己的网站或者网页在不同的系统、浏览器下的显示效果，尤其是IE6下的显示效果？如果你用PC，则可以使用IETester这款软件查看以前版本的IE下显示的效果，但是缺点是你必须要安装这个收费软件。为了确保多种浏览器的显示效果，你可能还需要安装不同的浏览器比如说Chrome、Safari、Firefox以及Opera。而且如果你用Mac，IE的问题怎么解决呢？...
View ArticleClik here to view.
用history api"偷换"浏览器历史记录
HTML5提供了新的history接口，例如pushstate，以及popstate。通常情况下，浏览器的历史记录能保存访问历史，但是因为有了history...
View ArticleClik here to view.
WiziApp插件: 创建WordPress HTML5移动版页面、甚至Android、iOS客户端
wordpress上比较流行的移动版插件是WPtouch，可以让你不需要过多的关心即可生成高质量的移动主题，给人非常好的移动阅读体验。但是一味的WPtouch 也没有新意了，今天介绍的是WiziApp，一款非常强大，并且有着商业化运营的全新移动版插件：Wiziapp。 WiziApp插件 创建wordpress移动版网页...
View ArticleClik here to view.
在Windows、Mac上安装Google+ Photos for Chrome
Google+ Photos for Chrome已经发布到Chrome Web Store，可以帮助你自动上传数码设备中的照片到Google+ photo album，在提供超大容量（标准尺寸无限容量）的同时，也能帮助你“挑选效果最好的”相片，来看看自己曾经的美好。不过目前这款扩展只能在Chromebook上使用。有什么办法可以让Google+ Photos for...
View ArticleClik here to view.
Tridiv: 在线的CSS 3D编辑器，轻松创建3D Web图形
利用最新的CSS技术，配合支持的浏览器，你可以轻松的在线创建、浏览并保存管理Web 3D图像。Tridiv是一个基于 Web 的免费编辑器，使用 CSS 创建 3D 图像，直观且容易操作，不需要多余的教程即可轻松上手，并且可基于Local Storage保存管理你创建的3D图像。 继续围观此文 相关文章: 无需插件实现 jQuery 平滑滚动 查看网站在不同浏览器(包括IE6、7)的显示效果...
View ArticleClik here to view.
下载网页中嵌入的Base64编码字体 (Webfont)
网页上可以嵌入一些小型的字体来增强界面效果，优美的字体一直是界面开发者所梦寐以求的，然而优美的字体并不能想Arial和Helvetica那样，在大多数的平台上都自带。如果确实需要某种字体，为了防止客户端字体库没有这个字体，UI设计者可能就会在网页上选择嵌入字体，来达到所有客户端显示效果一致，保留最整齐的界面。 Webfont (Web Open Font Format)...
View ArticleClik here to view.
在Mac OS X上安装dnsmasq来支持hosts泛解析
最近访问谷歌系列网站越来越慢了，不探究原因，但这让我感到非常苦恼，如果连Google都使用不了的话，那我上网的意义就失去了一半了。不过好在我们有hosts，可以实现简单的翻#...
View ArticleClik here to view.
如何一步步把网站Retina优化
随着高清屏幕、高分辨率屏幕越来越流行，例如MacBook Retina机型、iPad Air系列，这些新生机器有着很高的PPI，对网页的清晰度要求很高，所以越来越多的站长都不得不面临一个问题，那就是把自己的网站做到高分辨率适配...
View ArticleClik here to view.
HTML5 自定义属性 data-* 和 jQuery.data 详解
新的HTML5标准允许你在普通的元素标签里，嵌入类似data-*的属性，来实现一些简单数据的存取。它的数量不受限制，并且也能由javascript动态修改，也支持CSS选择器进行样式设置。这使得data属性特别灵活，也非常强大。有了这样的属性我们能够更加有序直观的进行数据预设或存储。下面介绍HTML5 Dataset 存储的实际应用，以及包括jQuery在内的四种存取方式。 HTML5...
View ArticleClik here to view.
网页检测 AdBlock 的 6 种方法
有些网页上充斥着令人厌恶的广告，这些广告不仅阻碍了信息的获取，有的还严重影响了浏览者的心情。特别是某些毫不相关的多媒体广告和弹出式窗口，不仅让人感到被骚扰，还很容易误点到，浪费宝贵的时间。由此便诞生了大名鼎鼎的跨平台 AdBlock 插件，在任何主流浏览器上都有它的扩展或插件，用户可以安装它并屏蔽绝大多数的广告。 既然 AdBlock 有检测广告并屏蔽它们的方法，作为网页制作者，其实也有反过来检测...
View ArticleVPS 三步搭建安装 Shadowsocks Node.js 版
我们除了 VPN、HTTP Proxy 可以选择以外，还可以选择一款轻量的 Socks5 代理，它是有名的 Shadowsocks，如果你有一台自己的 VPS 主机的话，不妨可以利用手中的资源搭建一个。 Shadowsocks 支持加密的 Socks5 代理，开源项目。 Shadowsocks 有不少服务器端的版本选择，例如 C、Python，而之所以推荐 Node.js...
View ArticleClik here to view.
解决 Google CDN 无法连接导致网页无法加载的问题
国内网非常多的网站都使用免费的 Google CDN 服务来加载某些 js、字体样式库以提升网页浏览体验，例如 jQuery、Google Fonts。但是目前 Google 的大多数网站在大陆无法正常访问，因此这些本身是加快网页载入的库反而成为了阻塞网站加载的原因。这种情况国内的网站并不多，但是国外的网站却非常多地使用这些库。一般地，当 Google CDN...
View ArticleClik here to view.
Nginx 为 HTTPS 加密站点启用 Certificate Transparency
传统的 SSL 认证身份的过程可能存在着受信任 CA 错误或某些不负责任行为、抑或是自身域名被别人冒充申请颁发证书的潜在危险，这是 SSL 认证环节中容易被利用的一环。由 Google 主导的 Certificate Transparency （CT）希望解决这些问题。任何证书持有人、CA 都可以向 CT 服务器提交证书，并接受审计和监控，使得当前的 CA 能够更加安全公开和透明。 启用...
View Article
