<< First emmet install >>
1. install sublime package
2. Ctl+shift+P
3. install package(remove package if need)
4. select emmet
- Feb 28 Wed 2018 14:48
-
sublime 3 remind
- Feb 21 Wed 2018 21: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 裡面
- Feb 15 Thu 2018 14: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">
- Feb 13 Tue 2018 15:12
-
HTML CSS remind
FROM
==========================================
<!DOCTYPE html>
<html>
<head>
- Feb 08 Thu 2018 09: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);
- Feb 06 Tue 2018 17:20
-
jQuery remind
check webpage load complete then run jQuery
$(document).ready(function() {
crocodilize();
});
- Feb 06 Tue 2018 10: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!");
- Feb 05 Mon 2018 22:40
-
AJAX XHR 問題
var xhr = new XMLHttpRequest();
xhr.open('get', "http://www.tpml.edu.tw/") ;
xhr.send() ;
xhr.onload = function() {
console.log(xhr.responseText) ;
- Feb 05 Mon 2018 10:37
-
Chrome 擴充功能 –Web Server for Chrome(網頁伺服器)
Web Server for Chrome(網頁伺服器)
安裝後執行Web Server for Chrome, 選擇web server 目錄
設定手機及其他電腦可以連上web server
- 設定 accessible on local network
- Feb 03 Sat 2018 22:52
-
Chrome 設定 - developer tools theme
chrome 實驗功能設定 : chrome://flags/
允許開發實驗功能設定
select setting-->Experiment-->allow custom UI themes
install dark chrome developer tool theme DevTools Theme: Zero Dark Matrix
- Feb 03 Sat 2018 21:52
-
Chrome 擴充功能 －輔助網頁開發
:Chrome 有很多擴充功能,這裏記錄一些輔助網頁開發功能
Type Sample : 可察看網頁的字型及大小
Wappalyzer : 分析看到的網頁使用那些技術
Pesticide for Chrome : 顯示網頁區塊的分配(網頁排版分析)
Dimensions: 可測量網頁元件上下或左右的間隔(px)
