<< First emmet install >>
1. install sublime package
2. Ctl+shift+P
3. install package(remove package if need)
4. select emmet
1. install sublime package
2. Ctl+shift+P
3. install package(remove package if need)
4. select emmet
- 2月 28 週三 201814:48
sublime 3 remind
- 2月 21 週三 201821:07
Brackets 插件 remind
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
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
- 2月 15 週四 201814:50
bootstrap 3 remind
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">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
- 2月 13 週二 201815:12
HTML CSS remind
FROM
==========================================
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Bootstrap Layouts</title>
<link rel="stylesheet" href="styles/main.css">
</head>
<body>
</body>
</html>
==========================================
==========================================
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Bootstrap Layouts</title>
<link rel="stylesheet" href="styles/main.css">
</head>
<body>
</body>
</html>
==========================================
- 2月 08 週四 201809:52
SQL remind
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);
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);
- 2月 06 週二 201817:20
jQuery remind
check webpage load complete then run jQuery
$(document).ready(function() {
crocodilize();
});
$(document).ready(function() {
crocodilize();
});
- 2月 06 週二 201810:27
HTML DOC vs jQuery remind
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
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
- 2月 05 週一 201822:40
AJAX XHR 問題
var xhr = new XMLHttpRequest();
xhr.open('get', "http://www.tpml.edu.tw/") ;
xhr.send() ;
xhr.onload = function() {
console.log(xhr.responseText) ;
}
xhr.open('get', "http://www.tpml.edu.tw/") ;
xhr.send() ;
xhr.onload = function() {
console.log(xhr.responseText) ;
}
- 2月 05 週一 201810:37
Chrome 擴充功能 –Web Server for Chrome(網頁伺服器)
- 2月 03 週六 201822:52
Chrome 設定 - developer tools theme
chrome 實驗功能設定 : chrome://flags/
允許開發實驗功能設定
