まぬねこの足跡。。。

備忘録+たのしさ+ひっそりと

WEB周りサイトの紹介 


歴史

HTML 歴史

HTML Living StandardとHTMLの歴史www.tohoho-web.com

CSS 歴史

CSS4はいつから使える?CSSの歴史から考えるweb-camp.io

JavaScript 歴史

25 年に渡る JavaScript の歴史www.jetbrains.com

WEBデザイン系

コリス

coliss.com

MDN DESIGN

www.mdn.co.jp

PSショートカットキー

helpx.adobe.com

AIショートカットキー

helpx.adobe.com



WEB技術系

CodeZine

codezine.jp


WEB情報系

WEBクリエイターボックス

www.webcreatorbox.com

tocker.jp

stocker.jp

creive(クリーブ)

creive.me

Qiita

qiita.com

dotHTML5

dothtml5.com

WixBlog

ja.wix.com



WEB用語集

HTML・CSSクイックリファレンス

www.htmq.com

W3 Watch Reference

reference.hyper-text.org

※カテゴリー別に分かれていて探しやすい

コンテンツモデルの説明

blog.webgoto.net

※図が見やすくクリックで詳細が見れる

できるネット

dekiru.net

HTML Standard

html.spec.whatwg.org

HTML Standard(日本語訳)

momdo.github.io



文法チェック

html、cssjavascript文法チェック

www.10bestdesign.com

TAG index

www.tagindex.com

HTML のタグ名の語源

knooto.info

HTMLタグ・属性のよみかた

webliker.info

CSSプロパティと値の読み方

shanabrian.com

HTML特殊文字(エンティティ文字)

www.benricho.org


サイトデザイン紹介

イケサイ

www.ikesai.com

イケタルデザイン

iketeru-design.com

Web Design Clip | Webデザインギャラリー・クリップ集

webdesignclip.com

design-library.jp



配色

Color Hunt

colorhunt.co

ColorDrop

colordrop.io

Coolors

coolors.co

原色大辞典

www.colordic.org

配色の見本帳

ironodata.info

Color-Smple.com

www.color-sample.com

paletton.com

paletton.com

Adobe Color CC

学習サイト

paizaラーニング

paiza.jp

Progate

prog-8.com

ドットインストール

dotinstall.com

e-typing

www.e-typing.ne.jp



オンラインエディタ

paiza.IO

paiza.io

jsfiddle

jsfiddle.net



フォント

FONT FREE

fontfree.me

フロップデザイン

fontfree.me

1001FREE FONT(フォントジェネレータ)

www.1001freefonts.com

フリーアイコン

cssauthor.com

ぱくたそ

www.pakutaso.com

CG.foto

cg-foto.jp

風景の背景素材ドットコム  ※有料

www.scene-sozai.com

PIXTA  ※有料

pixta.jp



その他

制作周りの書類・テンプレート

commte.net



参考ポートフォリオ見つけ方

・検索単語:「ポートフォリオ」「 デザイン」

Webのすごい人

参考にしたい日本人クリエイターのポートフォリオサイト

arutega.jp

Webデザインの参考になるギャラリーサイト24選

liginc.co.jp

視線誘導テクニック

検索単語:「視線誘導テクニック」「Web」

擬似クラス

検索単語:「擬似クラス」