10個關於Responsive Design的提示

這10點被製作在這張圖片上面
一開始列出2010年跟2012年各地區的手機流量
接著是10點提示

  1. 保持你的版面簡單 (KEEP YOUR LAYOUT SIMPLE)
  2. 使用媒體查詢 (USE MEDIA QUERIES) + MOST FREQUENT RESOLUTIONS
  3. 定義中斷點 (DEFINE THE BREAKPOINTS)
  4. 讓你的版型更靈活 (MAKE YOUR LAYOUT FLEXIBLE)
  5. 正確呈現你的圖片 (MAKE YOUR PICTURES BEHAVE)
  6. 別忘記 MAX & MIN (DON’T FORGET MAX&MIN)
  7. 產生最好的相對性內容 (MAKE MOST THINGS RELATIVE)
  8. 當使用手機端,要線性思考設計 (WHEN MOBILE LINEARIZE)
  9. 省略非必要的內容 (SKIP THE NON ESSENTIAL CONTENT)
  10. 確認你的META VIEWPORT (CHECK YOUR META VIEWPORT)

閱讀全文〈10個關於Responsive Design的提示〉

Bootstrap v4.0 的進度【241/366】

  • 2015.08.19 – Bootstrap 4 alpha 1
  • 2015.12.08 – Bootstrap 4 alpha 2
  • 2016.07.27 – Bootstrap 4 Alpha 3

官方也有說到

The general development and release plan looks something like this:

  • A few alpha releases while things are still in flux.
  • Two beta releases after features and functionality are locked down to really test things out.
  • Two release candidates (RCs) to really test things out closer to production environments.
  • Then, the final release!

閱讀全文〈Bootstrap v4.0 的進度【241/366】〉

使用者介面設計模式大全【208/366】

UI-Patterns.com 把 User Interface Design Pattern 分成六大類
六大分類下面還有2~4種子分類

  1. Getting input — 28
    1. Forms – 19
    2. Explaining the process – 4
    3. Community driven – 5
  2. Navigation — 25
    1. Tabs – 2
    2. Jumping in hierarchy – 6
    3. Menus – 3
    4. Content – 14
  3. Dealing with data — 11
    1. Tables – 3
    2. Formatting data – 3
    3. Images – 3
    4. Search – 2
  4. Onboarding — 9
    1. Guidance – 6
    2. Registration – 3
  5. Social — 11
    1. Reputation – 3
    2. Social interactions – 8
  6. Miscellaneous — 5
    1. Shopping – 4
    2. Increasing frequency – 1

閱讀全文〈使用者介面設計模式大全【208/366】〉