首頁

實戰:如何利用柵格系統做響應式設計- 后臺設計經驗總結(2)

分享達人 Bs界面設計文章及欣賞

左右布局響應策略動態演示。考慮到gif被壓縮后效果不理想,所以做了一小段視頻來幫助大家更好的理解響應策略。視頻如果看著不清晰,選擇清晰度為1080p藍光觀看即可 一、什么是響應式? 按照本人自己的理解,響應式就是通過合理的設計方案配合規范的技術實現策略,使同一個Web頁面在各個終端(設備)不同分辨率屏幕上都能有最佳的用戶體...

閱讀全文>>

柵格系統及其在后臺設計中的應用—后臺設計經驗總結01

分享達人 Bs界面設計文章及欣賞

關于柵格系統文章不少,但鮮有專門針對柵格系統在后臺設計中相關應用的介紹。本文拋磚引玉,希望引起更多同行的交流與討論 柵格系統的目的 柵格系統在頁面排版布局、尺寸設定方面給了設計者直觀的參考,它讓頁面設計變得有規律,從而減少了設計決策成本;柵格化提高了頁面布局的一致性跟復用性;避免了設計師與開發者在細節上的反復溝通確認,從而提升了整個設計開發流程的效...

閱讀全文>>

九宮格方式上傳圖片(預覽并刪除)

前端達人

<view class="gallery">     <view class="item" wx:for="{{images}}" wx:key="">         <image src="{{item}}" data-src="{{item}}" bindtap="previewImage" mod...

閱讀全文>>

微信小程序轉發/分享功能 小卡片設置

前端達人

<button data-name="shareBtn" open-type="share" plain="true">轉發</button> 添加plain=”true”后button的邊框樣式可自定義 ↓ ↓ button[plain]{ border:0 }   //轉發 &...

閱讀全文>>

微信小程序輪播功能

前端達人

<swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" circular="{{duration}}" current="{{swiperCurrent}}" bindchange="swiperChange" clas...

閱讀全文>>

真機預覽本地頁面方式-簡單快捷(精簡大法Node)

前端達人

前提:真機和PC端在同一個局域網內。 1、安裝nodejs環境 (node -v 查看版本號) 2、在所在的項目下輸入命令:npm install anywhere -g 3、直接輸入命令:anywhere,這里瀏覽器自動打開所有項目的根目錄,點擊就可以看到,同一網段下,然后手機直接預覽這個地址就可以 ————————————————

閱讀全文>>

小程序單張圖片 和 九宮格圖片上傳、預覽、刪除示例

前端達人

<view class="gallery">   <view class='tipTitle'>     快去上傳自己的照片吧   </view>   <view class='item-ot'>     <view class="item">  ...

閱讀全文>>

charts柱狀圖的X軸Y軸加單位的寫法

前端達人

        {             type : 'value',            ...

閱讀全文>>

table點擊實現可編輯文本

前端達人

table點擊實現可編輯文 一個簡單的例子,直接添加contentEditable=”true”標簽屬性即可 <table> <tr> <td>姓名:</td> <td contentEditable="true">&l...

閱讀全文>>

iPhone如何改變我們的交互方式

泥人張 交互設計及用戶體驗

當我們回顧近20年的手機發展歷程,可以發現2007年iPhone的橫空出世真正改變了手機這個行業。喬布斯在發布會上展示初代iPhone給行業帶來的沖擊力是前所未有的,對人機交互領域也帶來了了深遠的影響。 從外觀上來看,iPhone與那個時代手機最大的區別在于它舍棄了笨重的鍵盤,3.5英寸的全觸控屏幕在當時來說可謂石破天驚。對于現在的手機來說,全觸控屏幕可謂是標配。但...

閱讀全文>>

日歷

鏈接

blogger

藍藍 http://www.thriveonsite.com

存檔

博盈彩票开户 金旋网赚 k彩彩票官网 上海时时乐 如何网赚 58日付网赚联盟怎么样 千禧彩票是真的吗 深度网赚论坛 网赚宝盒 上海11选5