Portfolio

サイト

 


 

バナー

 


 

作品

 


 

tips

コーディングは正しい文章構造で

HTML5 Outliner
https://gsnedders.html5.org/outliner/
 

コーディングしたら、文法をチェック
W3C HTML Validator Service
https://validator.w3.org/

 

バリデーション ツール
Free Online HTML Validator
http://www.freeformatter.com/html-validator.html

 

W3C CSS 検証サービス – CSS Validation

http://www.css-validator.org/validator.html.ja

 
ブラウザのテスト
クロスブラウザ
Browserling

https://www.browserling.com

 
データ量を軽く

HTML Minifier

https://kangax.github.io/html-minifier/

 
繰り返し作業に
CSSO – CSS optimizer

https://css.github.io/csso/csso.html

 
データ量を軽く

Optimizilla

http://optimizilla.com/ja/

 


 
MDN
HTML 要素リファレンス
https://developer.mozilla.org/ja/docs/Web/HTML/Element

HTMLカラーピッカー
https://html-color-codes.info/japanese/

 


 

カラーチャート

RGBカラーチャート
Web Safe Color
Webにおける SafeColorパレット
http://www.scollabo.com/banban/lectur/websafe.html

 
 

マンセルのカラーチャート
HUE/360
http://hue360.herokuapp.com/

 
 

配色などするときに色の組み合わせが作れるサービス
Color Supply
https://colorsupplyyy.com/app/

 


 

フォント

フリーフォントサイト
PREMIUM FREE FONTS
https://fontbundles.net/free-fonts