<< First emmet install >>
1. install sublime package
2. Ctl+shift+P
3. install package(remove package if need)
4. select emmet
(繼續閱讀...)

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

▲top
Brackets 插件
Beautify :　排列HTML, CSS, and JavaScript整齊
Brackets CSS Class Code hint : use the relevant classes of bootstrap
Brackets File Icons : adds file icons to the brackets file tree.
Brackets Git : 把 git 整合到 brackets 裡面
Custom Work : Adds toolbar it include buttons show/hide with tabs of active documents on the top of the editor.
Emmet : 通過內容輔助高速度的編寫和編輯HTML,XML,XSL和其他結構化的代碼格式
HTML Designer for Brackets : CodeView
HTML Templates, Updated : Brackets HTML Templates extension
W3C Validation (by Umoxfo) : A Brackets extension to enable W3C validation support
(繼續閱讀...)

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

  • 個人分類：
▲top
MEAT items    
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
(繼續閱讀...)

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

▲top
FROM
==========================================
<!DOCTYPE html>
<html>
    <head>
           <meta charset="utf-8">
        <title>Bootstrap Layouts</title>
        <link rel="stylesheet" href="styles/main.css">
    </head>
    <body>
        
    </body>
</html>
==========================================
(繼續閱讀...)

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

▲top
Creating Table
CREATE TABLE books (id INTEGER PRIMARY KEY, name TEXT, rating INTEGER) ;
CREATE TABLE exercise_logs (id INTEGER PRIMARY KEY AUTOINCREMENT,
   type TEXT, minutes INTEGER,
   calories INTEGER, heart_rate INTEGER);
(繼續閱讀...)

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

▲top
check webpage load complete then run jQuery
    $(document).ready(function() {
        crocodilize();
    });
(繼續閱讀...)

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

▲top
convert your variables into jQuery collections and HTML DOC nodes
     var headingFromD = document.getElementById("cuteness"); // DOM node
    headingFromD.innerHTML = "Setting .innerHTML";
     var $heading = $("#cuteness");        // jQuery collection
    $heading.html("Using jQuery again!");
    
    var headingD = $heading[0];   //convert jQuery collection to DOM node
    var $headingJ = $(headingD);  //convert DOM node to jQuery collection
(繼續閱讀...)

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

▲top
var xhr = new XMLHttpRequest();
xhr.open('get', "https://www.tpml.edu.tw/") ;
xhr.send() ;
xhr.onload = function() {
    console.log(xhr.responseText) ;
}
(繼續閱讀...)

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

▲top

Web Server for Chrome(網頁伺服器)
安裝後執行Web Server for Chrome, 選擇web server 目錄
(繼續閱讀...)

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

▲top

chrome 實驗功能設定 : chrome://flags/
允許開發實驗功能設定
(繼續閱讀...)

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

▲top
擴充功能
:Chrome 有很多擴充功能,這裏記錄一些輔助網頁開發功能
Type Sample : 可察看網頁的字型及大小
(繼續閱讀...)

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

▲top

可汗學院是一個免費的學習網站,有很多課程可以學習,雖然沒有英文課程,但我發現一個Grammar課程,使用的單字並不艱深,除了用來學文法外,當作英文學習的課程也很不錯,而且有英文字幕,也可以利google 翻譯(chrome 擴充功能),輕鬆的閱讀課程字幕.
(繼續閱讀...)

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

▲top
1 2
Blog Stats
⚠️

成人內容提醒

本部落格內容僅限年滿十八歲者瀏覽。
若您未滿十八歲，請立即離開。

已滿十八歲者，亦請勿將內容提供給未成年人士。