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的提示

GitHub Stats – 查一查GitHub上面的熱門排行

前幾天寫的文章剛好有出現這個站
Top People, Organizations and Repositories | GitHub Stats

可以查到現在星星最多的使用者、組織、跟Repos的排行
根據頁面Footer的資訊,是參考自 GitHub Ranking (已沒有更新)
頁面上的排行資訊,還算滿新的
誤差一點點而已
閱讀全文 GitHub Stats – 查一查GitHub上面的熱門排行

使用一致的社交登入按鈕【Social Buttons for Bootstrap】

剛好看到 HackMD – Markdown 協作筆記 的社交登入按鈕

五個社交平台都是一致的按鈕
就想說用『btn btn-lg btn-block btn-social btn-facebook
去搜尋一下看看會找到甚麼 【我的預設搜尋已經改為 duckduckgo.com 了】
閱讀全文 使用一致的社交登入按鈕【Social Buttons for Bootstrap】

Favicon (最愛圖示) 產生器

之前一直沒有特別注意過這個問題
關於 favicon 的設定語法,因為不同使用裝置
會有對應的使用圖示,為了滿足所有瀏覽器與裝置的需求
就問了一下Google大神 (之前有印象有favicon產生器)

Favicon Generator for all platforms: iOS, Android, PC/Mac…
http://realfavicongenerator.net/

閱讀全文 Favicon (最愛圖示) 產生器

Web 開發者應該知道的Google 更新內容

Google 有個頁面針對所有的Web開發者
提供了很多的資訊與建議 https://developers.google.com/web/
尤其是在Chrome的上面的更新與其他新提供的網頁技術
https://developers.google.com/web/updates/
閱讀全文 Web 開發者應該知道的Google 更新內容

Telegram超級群組上限調整為1萬人了

Telegram 更新到4.1以後
把超級群組 的人數上限增加到1萬了
也因應人數提升,超級群組的管理功能也進化了
可以針對管理員做管理,也可以指定管理員權限

  • 修改群組資訊
  • 刪除訊息
  • 封鎖使用者
  • 置頂訊息
  • 增加新的管理者

閱讀全文 Telegram超級群組上限調整為1萬人了