轩枫阁

简介

iOS7样式开关jQuery插件，这是一款基于jQuery的仿iOS7开关，你只需简单的设置就可以实现不同颜色样式的iOS7开关。

效果图

效果预览

http://www.xuanfengge.com/demo/201410/IOS7/

源码下载

http://t.cn/8Fjerjs 查看全文

现在来为大家播报一些前端FE近期所发现的技巧。厌倦了陈旧的理论描述，来看看又有什么新技巧吧，绝对新颖。

Chrome 34 Beta看点

Chrome 34 Beta新看点：响应式图像、Unprefixed Web Audio和免提语音搜索。其中，不论是电脑、平板、手机还是电视，响应式图像都能让浏览器根据设备而选择不同资源，从而加快页面加载时间、减少带宽浪费以及避免出现内容格式不当。http://www.csdn.net/article/2014-02-28/2818574

响应式图片规范

src-N 已死，<picture>走上复兴之路。现在srcset可以直接单独应用在img元素上，简单情况下，不再需要 picture 和 source 元素。src-N 规范为响应式图片所做出的贡献将被载入史册，感谢 Tab Atkins 的努力！最新规范：http://t.cn/8FdEpqO 查看全文

前言

最近很流行图片高斯模糊处理，让网站的图片看起来有高大上的效果。应用点：如网站Banner、大气背景图等。模糊背景（blurred backgrounds）是一个很常见的设计效果，也被称为背景虚化，在网页和App的设计中屡见不鲜。虚化的界面设计直观的给人一种干净自然的视觉感受，因此，模糊背景的基调会使整个界面看起来更柔美。合理运用虚化背景可以将界面效果提高一个档次。

案例素材

背景虚化案例

优秀案例参考：http://www.uisdc.com/blurred-background-website-design

国外优秀案例：http://www.onextrapixel.com/2013/12/06/effective-use-of-blurred-images-in-web-design/

透明效果网站：http://www.uisdc.com/transparency-website-design

背景图片资源

模糊图片下载：http://vdisk.weibo.com/s/dt23BkiXHbFmp

150+背景素材：http://vdisk.weibo.com/s/aj4Q1htdUrYaV

模糊景观背景：http://vdisk.weibo.com/s/aj4Q1hteoqwVO

模糊材质纹理：http://pepsized.com/100-free-blurry-textures/

实现方案

方案一：图片高斯模糊

直接利用PS处理图片，使图片高斯模糊，调节参数可达到不同效果。 查看全文

前言

推荐一个在线Markdown编辑器，体验很赞。之前也推荐过类似的Markdown编辑器：StackEdit。这两个编辑器有极大的相似处，不过前者是国人开发的，后者是歪果仁开发的，功能都很强大，值得推荐使用。适合于技术写手和前端技术人员。

官网

https://www.zybuluo.com/mdeditor

更新

目前Cmd Markdown 已经发布第九次更新，详细：

• 段落批注
• 段内高亮批注
• 社交文字
• 批注回复
• 邮件通知服务
• 编辑器、流程图基础组建升级
• 历史问题漏洞修复

此前第五次更新，超过二十项改进和修复：

• 界面持续美化，改进界面布局
• 内容目录导航，跳转支持
• 新增注脚，删除线，换行功能
• 增强易用性，功能细节优化
• 修复滚动条失效，全屏无法输入等问题
• 全站HTTPS支持，增强安全性

介绍

我们理解您需要更便捷更高效的工具记录思想，整理笔记、知识，并将其中承载的价值传播给他人，Cmd Markdown 是我们给出的答案 —— 我们为记录思想和分享知识提供更专业的工具。

您可以使用 Cmd Markdown：

• 整理知识，学习笔记
• 发布日记，杂文，所见所想
• 撰写发布技术文稿（代码支持）
• 撰写发布学术论文（LaTeX 公式支持）

查看全文

前言

GitHub秘籍中文版，收录了一些Git和Github非常酷同时又少有人知的功能。灵感来自于Zach Holman在2012年Aloha Ruby Conference和2013年WDCNZ上所做的演讲：Git and GitHub Secrets(slides)和More Git and GitHub Secrets(slides)。

Read this in other languages: English, 한국어, 日本語, 简体中文.

阅读建议：点击页面底部蓝色“+”，选择“宽屏阅读”，体验更佳

GitHub

忽略空白字符变化

在任意diff页面的URL后加上?w=1，可以去掉那些只是空白字符的变化，使你能更专注于代码的变化。 查看全文