把時間浪費在有質感的事物上
- Nov 26 Sat 2022 21:20
使用人工智能賺取被動收入的 5 種方式
- Jul 06 Mon 2020 19:24
九宮格筆記術(新書閱讀心得):兩種問題類型收集資訊與深入挖掘
為什麼會找這本書來分享,自己近期對寫作方面的書有在注意,找到這本很淺顯易懂且對於寫作初學者有著很清楚的教學。
再來,如果能夠在寫作時清楚這兩類問題的差別,且對於你想寫的主題使用這兩個問題問自己,想必能讓你對於主體的各方面以及深度有更全面的了解。
想寫出能表達個人意見的文章,兩種問題類型很重要,不但幫你找出與主題相關的基本素材,另外還可以收集到關於主題的更具體資訊。
- Feb 02 Fri 2018 20:41
『READY前端』 用font awesome將icon疊在一起
Basic Use
You can place Font Awesome icons just about anywhere using a CSS style prefix and the icon’s name. Font Awesome is designed to be used with inline elements (we like the <i>
tag for brevity, but using a <span>
is more semantically correct).
使用<span>更語意化。
- Feb 02 Fri 2018 15:57
『READY前端』 用prepros將sass編譯成css
+
- 下載prepros,從https://prepros.io/
- 開一個sass資料夾,裡面有一個.sass的檔案,例如:all.sass。
- 將整個資料夾拉到prepros裡面
- 打開all.sass開始用sass語法,儲存後css資料夾與當中的all.css會自動生成。
- 每次修改all.sass儲存後all.css都會自動編譯。
- Feb 02 Fri 2018 15:05
『READY前端』 javascript的addEventListener監聽用法
- Feb 01 Thu 2018 16:57
『READY前端』 利用JSON把open data的資料分類
- 到行政院環保署 https://opendata.epa.gov.tw/Home/ 網站,將所要的open data格式用json方式複製下來
- 定義變數total為data的長度
- 設定for迴圈,讓i從0開始,小於data的總長度,i是以漸進+1的方式增加
- 設定if如果資料的UVI數量大於1的話
- 再定義uv等於data中的UVI值,還有定義county等於data中County的值
- 印出county值加上uv值用冒號隔開。
- Jan 24 Wed 2018 09:28
『READY前端』什麼是資訊架構(information architecture)-1.資訊架構、資訊架構師的定義
資訊架構定義:把“資料”整合成“資訊”,再將“資訊”組織化、系統化成為知識或生活智慧。
將人(使用者)與資訊(內容服務)聯繫起來的一種技術,也是體貼使用者的設計。
資訊架構師定義:進行整個資料到知識的整合作業,如:組織化、系統化的設計者。
將人(使用者)與資訊(內容服務)聯繫起來的一種技術,也是體貼使用者的設計。
資訊架構師定義:進行整個資料到知識的整合作業,如:組織化、系統化的設計者。
- Jan 24 Wed 2018 08:38
『READY前端』 利用jquery做出極簡版todo list
<div class="container"> <ul id="todo"> <li> <div class="content">things </div><div class="delete">X</div> <div class="clearfix"></div> </li> <li> <div class="content">things </div><div class="delete">X</div> <div class="clearfix"></div> </li> <li> <div class="content">things </div><div class="delete">X</div> <div class="clearfix"></div> </li> </ul> <button id="create">+list</button> </div>
.clearfix { clear:both; } .container { width: 960px; } #todo li { background-color: #ccc; margin:3px 3px; line-height: 1.5; padding:5px 10px; } #todo .content { float:left; } #todo .delete { float:right; background-color: darkgray; padding:5px 5px; }
$(document).ready(function(){ $('#create').click(function(){ // clone var todo = $('#todo').find('li').first().clone(); // insert @ bottom $('#todo').append(todo); }); $('.delete').click(function(e){ $(e.currentTarget).closest('li').remove(); }); });
See the Pen jquery-todo list by raywang (@raywang1025) on CodePen.
第一階段 製作出可增加list的功能,但X的功能不完全
- Jan 17 Wed 2018 19:13
安裝sass出現問題怎麼辦?
- Jan 08 Mon 2018 11:01
『READY前端』將html,css,js本地端檔案放到github遠端數據庫
在終端機中在目標資料夾的層級中輸入git init
成功加入本地端數據庫(local respostory)檢查方法:
1.目標資料夾裡面出現.git資料夾
2.終端機前面出現master標示
成功加入本地端數據庫(local respostory)檢查方法:
1.目標資料夾裡面出現.git資料夾
2.終端機前面出現master標示