NLB 搜尋日文單字 使用頻率、例文

 https://nlb.ninjal.ac.jp./search/

Notepad++ 看log檔

https://darekkay.com/blog/turn-notepad-into-a-log-file-analyzer/

Download this XML file
Import the file: Language → Define your language... → Import
Restart the application.

オノマトペ 圖文教學

國立國語研究所製作の擬音語、擬態語についてのサイトです
有依50音 或依情境

https://www2.ninjal.ac.jp/Onomatope/manga.html

自印筆記本

http://gridzzly.com/

有網眼(方格點、三角點)、方格、五線譜…

還能調size

很ez用 ui比之前另一個好

翻譯文章工具

不是翻譯的網頁 是方便用來翻譯文章的線上工具

https://termsoup.com/zh-TW/


提供了ex自動分段落、自動存檔、匯出

文章貼上去後 就會自動分成一句句  TAB就能下一句

也有字典功能  但英文比較派的上用場 

自己翻過的詞 也可以加入自己的字典

[JQuery] 讓AJAX運作的時候，跳出loding的訊息

[程式][JQuery] 讓AJAX運作的時候，跳出loding的訊息。－Part 1 @ 四處流浪的阿基。I am Vagrant Walker :: 痞客邦 PIXNET ::
http://expect7.pixnet.net/blog/post/39829979-%5B%E7%A8%8B%E5%BC%8F%5D%5Bjquery%5D-%E8%AE%93ajax%E9%81%8B%E4%BD%9C%E7%9A%84%E6%99%82%E5%80%99%EF%BC%8C%E8%B7%B3%E5%87%BAloding%E7%9A%84%E8%A8%8A

JAPAN轉送服務

http://tensojapan.jshoppers.com/ch/index.asp
JSHOPPERS.comで販売している商品は、お届けできません。
オークションと以下のサイトは転送サービスのご利用はできません。
セシール、イマージュ、ベルーナ、DHC

可在與JSHOPPERS.com正在販賣的商品相同之商品，將不予轉送。
拍賣商品以及以下網站商品不可利用本網站轉送服務。
Cecile、IMACE、RyuRyu、LUAR、DHC

做網頁demo

https://jetstrap.com/demo

網站配色

先選兩個主色

http://www.materialpalette.com

日本語俗語辞書

http://zokugo-dict.com/

線上產生LOADING GIF圖檔：preloaders.net

http://preloaders.net/en/circular/

可以先自行調參數後再下載

不只CIRCULAR的  還有別的分類

clippingmagic。線上去背工具

https://clippingmagic.com/

還原壓縮過的js程式碼：Javascript Beautifier

http://jsbeautifier.org/

有時候拿到js的code 是被壓過  只剩一行 超難人眼看  可以用這線上工具


http://www.minwt.com/html/12284.html

FREE FONTS

http://www.1001freedownloads.com/free-fonts/

線上CSS樣式檢查器

http://csslint.net/

Bootstrap

https://kkbruce.tw/

向量圖庫

向量圖庫免費下載！設計師一定要知道的五個專業圖庫

工作必備七萬 clip art 小插圖！最大美工圖庫免費下載

網設必備《Fluid》iOS/Android扁平圖示下載

投影片樣阪

http://slidehunter.com/

HTML5+CSS3上課筆記－網站、工具

W3C SCHOOL

http://www.w3schools.com/

http://www.w3schools.com/html/html_form_attributes.asp (html5 input新屬性)

測試瀏覽器支援度

https://html5test.com

http://fmbip.com/

測試語法 在各瀏覽器的各版本是否支援 或是可否用前綴字使其支援

http://caniuse.com/

查看瀏覽器市佔率

http://gs.statcounter.com/

icon產生(但 現在可用png圖檔就好 不定一定要ico)

http://www.favicon.cc/

px和em的換算

http://pxtoem.com/

自動產生css前綴子

http://cssprefixer.appspot.com/

(會自動判斷 哪些屬性需要加哪些browser用到的前綴子)

hex和rgb的轉換

http://hex.colorrrs.com/

css.的generator

http://css3generator.com/

圖片邊框(border-img)產生器

http://border-image.com/

(上傳圖 調整用的位子)

線上壓縮png
https://tinypng.com/

css3產生漸層的語法

http://www.colorzilla.com/gradient-editor/

符號編碼轉換 (ex >→ &# 或在css用\0000 在js用 \u0000)

https://www.evotech.net/articles/testjsentities.html

google fonts

https://www.google.com/fonts

Font Awesome(作者將各種常用圖示做成字型)

http://fortawesome.github.io/Font-Awesome/

文字編輯器

Brackets (可直接不存檔在chrom直接預覽網頁)

推薦外掛：Color Picker、emmet

Color Picker可以 option+command+K 選擇顏色(可包含透明度)

emmt可以

1.輸入「div>p>a」按tab後 自動產生「<div><p><a></a></p></div>」

2.輸入「ul>li*3」按tab後 自動產生「<ul><li></li><li></li><li></li><ul>」

3.對著class name按command E 直接編輯其CSS

Sublime

 有各種套件可下載

 安裝package control (https://packagecontrol.io/installation)

View→Show Console

把網站的程式碼貼上 enter 重新啟動

之後安裝各套件方式：

1.打開Package Control (Crrl +shift +p 或 command + shift +p)

2.輸入install package→enter

3.輸入套件名→enter

推薦套件：emmet、colorpicker、html boilerplate、cssformat、livereload(要撘配chrome套件)

中文漢字 カナ 假名轉換

http://dokochina.com/katakana.php