轩枫阁

前言

在网站开发初期，做重构的过程中，经常要展示一些网站内容相关的不固定图片，如Banner图、产品图，这时候从设计稿中切图下来放上去会比较繁琐。常用的技巧是使用占位图。

占位图片即通过指定宽高或文字动态生成指定尺寸的图片。有很多提供类似服务的网站，接下来一一推荐。

纯色类

temp.im

简介：im temp placeholder images, feel free to use it anywhere. (with https supported)。

temp.im占位图片，可以在任何地方免费使用，支持HTTPS。

特点：支持定义尺寸、颜色。使用七牛CDN服务，访问超快，推荐使用，微信UI工程师@hzlzh 作品。

使用：

• http://temp.im/200
• http://temp.im/754×754
• http://temp.im/466×466/4CD964/fff

查看全文

为帮助网页开发者实现与微信客户端一致的视觉体验，并降低设计和开发成本，微信团队推出了网页设计样式库：WeUI。

该样式库目前包含 button (按钮)、cell (单元格)、toast (浮层提示)、dialog (对话框)等网页常用的各式元素，并已在 GitHub 上开源。

开发者

开发者只需三步，就能在自己的网页上轻松实现按钮、浮层提示等功能：

1. 根据文档说明，下载 WeUI 库。
2. 在页面中引入 weui.min.css 文件。
3. 从官方 demo 中拷贝需要的功能组件代码到自己页面即可。

Demo 体验地址：WeUI演示。

详情请点击：开发者文档。 查看全文

公众平台发布微信 web 开发者工具，可以在 PC 或 Mac 上模拟访问微信内网页，帮助开发者更方便地进行开发和调试。

具体功能如下：

1. 使用真实用户身份，调试微信网页授权。

2. 校验页面的 JSSDK 权限，以及模拟大部分 SDK 的输入和输出。 查看全文

工具

正则表达式在线工具

http://xuanfengge.com/tool/FEHelper/template/fehelper_regexp.html

JS/HTML/CSS代码美化

http://xuanfengge.com/tool/FEHelper/template/fehelper_codebeautify.html

字符串编解码

http://xuanfengge.com/tool/FEHelper/template/fehelper_endecode.html

图片Base64编码工具

http://xuanfengge.com/tool/FEHelper/template/fehelper_imagebase64.html

JSON格式化代码查看

http://xuanfengge.com/tool/FEHelper/template/fehelper_jsonformat.html

时间戳转换工具

http://xuanfengge.com/tool/FEHelper/template/fehelper_timestamp.html 查看全文

前言

一图胜千言，有配图的文章显得更容易理解更有兴趣去阅读而不觉得枯燥，所以会经常给文章加上配图。而有些操作是需要gif动态图像去表意的，如实用的sublime插件集合 这篇文章中的配图就都是动态的，这里推荐一些gif录制、截图、录像软件。

1. GifChm_CHS

简介：gif图像录制

推荐指数：★★★★★

下载地址：http://pan.baidu.com/s/1qWnZAFi

功能：可录制Gif图像、捕获光标、可编辑、可导出成AVI视频等

特点：使用简单，无需安装，必推荐 查看全文