webstorm下的sass自动编译和移动端自适应实践
1、安装Ruby 2、安装sass 3、webstorm配置file watcher 4、移动端自适应 1、安装Ruby 安装Ruby，有多种方式，打开官网下载 因为，使用的是window选择RubyInstall，下载地址 RubyInstall下载地址 ...
原文：移动端webapp自适应实践（css雪碧图制作小工具实践）图文并茂
为什么要写这个 以前写过关于webapp自适应屏幕的文章 链接 ，不过写的大多数群众看不懂，所以来个图文并茂的版本。虽然只是一个简单的页面，不过在做的过程中也遇到了一些问题，也算是好事吧 该示例github地址：https: github.com iwangx WebApp 访问地址：https: csssprite.herokuapp.com 准备 psd：这个是最重要的东西，用于测量尺寸，以及 ...
2015-05-26 09:32 8 5104 推荐指数：
相关推荐
css 雪碧图的制作
很多网站其实都用了雪碧图，确实方便了制作，以前以为这种小图标，都是一个一个图片呢（笑） 效果图如下： 代码如下： 雪碧图是自己拼起来的 作为非计算机专业的学生，学前端一个月了，希望自己能坚持下去 ...
一篇文章图文并茂地带你轻松实践 HTML5 history api
HTML5 history api 前言 由于笔者在网络上没有找到比较好的关于 history api 的实践案例，有的案例过于杂乱，没有重点，有些案例只是告诉读者 api 是什么，却没告诉怎么用，本文章从零开始带读者实践 history api ，建议和笔者一起写一遍。 效果 注意 ...
移动端背景图自适应
...
[css] 自适应布局 移动端自适应
一、宽度自适应 三列布局左右固定、中间不固定或者两列布局，左边固定右边不固定 原文链接：http://www.cnblogs.com/2050/archive/2012/07/30/2614852.html 看下代码结构： 效果为： 中间列要不要设置margin-left ...
推荐几款移动端抓包小工具
背景：在与开发排查问题的时，经常会需要抓包确认下问题在哪，如果回工位连下代理再抓包，再把响应或者接口给开发，然后再去找开发讨论，效率很低，还有可能打断之前你排查的思路。 抓包是QA必备的基础技能之一，怎能被这种问题所困扰，所以给大家推荐几款移动端抓包工具。 1、iOS： 下载地址 ...
自适应页面中如何使用雪碧图
自适应页面你肯定听说过，雪碧图想必你也听说过，不过在自适应页面中使用雪碧图应用的场景却不多，因为很多场景里自适应页面(移动端页面)的小图标啥的基本都做成字体图标了，操作起来也比较方便，不过有时候合成字体图标的时候也比较麻烦，AI制作复杂svg矢量图标很麻烦，今天说的这个应用场景用的就是这个情况 ...
移动端rem布局雪碧图解决方案 以及分享腾讯团队的在线雪碧图工具
你制作好了， 点击PNG选项即可下载制作好的雪碧图， 点击css选项即可查看每个小图标在雪碧图中对应的x ...