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 ...