把時間浪費在有質感的事物上

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>更語意化。
 
 

READY sharing 發表在 痞客邦 留言(0) 人氣()

「prepros」的圖片搜尋結果​​​​​​​+

 

  1. 下載prepros,從https://prepros.io/
  2. 開一個sass資料夾,裡面有一個.sass的檔案,例如:all.sass。
  3. 將整個資料夾拉到prepros裡面
  4. 打開all.sass開始用sass語法,儲存後css資料夾與當中的all.css會自動生成。
  5. 每次修改all.sass儲存後all.css都會自動編譯。

READY sharing 發表在 痞客邦 留言(0) 人氣()

html:

 

css:

1.用古早的方法啟動onclick會無法讓兩個function作用,只能啟動最後一個onclick。

READY sharing 發表在 痞客邦 留言(0) 人氣()

  1. 到行政院環保署 https://opendata.epa.gov.tw/Home/ 網站,將所要的open data格式用json方式複製下來
  2. 定義變數total為data的長度
  3. 設定for迴圈,讓i從0開始,小於data的總長度,i是以漸進+1的方式增加
  4. 設定if如果資料的UVI數量大於1的話
  5. 再定義uv等於data中的UVI值,還有定義county等於data中County的值
  6. 印出county值加上uv值用冒號隔開。

READY sharing 發表在 痞客邦 留言(0) 人氣()

資訊架構定義:把“資料”整合成“資訊”,再將“資訊”組織化、系統化成為知識或生活智慧。
將人(使用者)與資訊(內容服務)聯繫起來的一種技術,也是體貼使用者的設計。

資訊架構師定義:進行整個資料到知識的整合作業,如:組織化、系統化的設計者。

文章標籤

READY sharing 發表在 痞客邦 留言(0) 人氣()


<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的功能不完全

文章標籤

READY sharing 發表在 痞客邦 留言(0) 人氣()




READY sharing 發表在 痞客邦 留言(0) 人氣()

在終端機中在目標資料夾的層級中輸入git init

成功加入本地端數據庫(local respostory)檢查方法:
1.目標資料夾裡面出現.git資料夾
2.終端機前面出現master標示
文章標籤

READY sharing 發表在 痞客邦 留言(0) 人氣()

相對路徑 就是相對於你現在這個檔案的位置

C:\AppServ\www\ready\index.html
C:\AppServ\www\ready\images\test.jpg
C:\AppServ\www\ready\auto\auto.html
文章標籤

READY sharing 發表在 痞客邦 留言(0) 人氣()

FB2190FD-D0C5-4B4C-BCB5-DC665BDD1682.jpg

 

他是日本北海道札幌區的炎神拉麵,之前在日本也只有兩間左右,要吃到也不是那麼容易的

 

我從以前就是拉麵控,雖然實行低碳(低碳水化合物)生活,偶爾還是會想吃美味的拉麵啊啊啊啊啊啊XDDDD

文章標籤

READY sharing 發表在 痞客邦 留言(0) 人氣()

1 23