分類
前端 網站記錄 網路觀察 總整理

創意工作者的工具箱 – 创造狮导航

http://chuangzaoshi.com/
這是一個簡體中文站
不過收集了中文圈跟各國的創意工作者常用網站
基本上分為四類

  1. 設計 Design
  2. 前端 Develop
  3. 產品 Product
  4. 運營 Operate

有空也要來備份這個站的資源,真是很豐富呢
 

分類
CSS 前端

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)
分類
Bootstrap CSS 偶然 全端之路 分享 初次研究 前端 收集 網站研究

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

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

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

分類
全端之路 分享 前端

Favicon (最愛圖示) 產生器

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

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

分類
Bootstrap

Bootstrap 4 Alpha 6 釋出了

上一篇 去年八月寫了
Bootstrap v4.0 的進度【241/366】
裡面提到 alpha1~3的時間
我也補上 alpha4~6的時間

分類
前端 每日一篇 網路觀察

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!
分類
jQuery js 前端 每日一篇 網路觀察

網頁編輯器與語法高亮-研究篇【230/366】

10 Best jQuery and HTML5 WYSIWYG Plugins
參考這篇,列出10個即見即所得的編輯器
Wordpress內含的TinyMCE也在其中呢

分類
js 前端 每日一篇 網路觀察

Cocycles-查詢Javascript片段程式碼的服務【214/366】

Find JavaScript Code Snippets by Functionality with Cocycles
這篇剛好寫到這個服務
現在只有提供JS的code片段搜尋

分類
jQuery 前端 每日一篇 網路觀察

jQuery資源小收集【211/366】

今天靈機一動,想說找找 jQuery 的相關資源
jquery, plugin, awesome, github
這幾個關鍵字還真的可以找到不少

分類
前端

使用者介面設計模式大全【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