entry
-
OGP確認（ラッコツールズ）
URLまたは画像を入力するだけで、OGPの設定ができているか確認できるツール。facebook、twitter、はてなブックマーク…
-
Zeplin（ゼプリン）
コーダー必須！構築を高速化できるデザイン共有ツールZeplin（ゼプリン）！Photoshopやadobe XD、sketchで制…
-
VSCheatsheet（VSチートシート）
視覚的に確認できるVSCodeのショートカットのチートシート（Win / Mac / Linux対応）。 便利なショートカットが…
-
CSSセレクタのチートシート
要素セレクタ、classセレクタ、idセレクタなど各セレクターの説明やよく使われるコードでのサンプルを紹介しているページ。 わか…
-
無料コーディング練習所
カリキュラムに沿って6サイトを構築しながら独学できるサイト。 デザインカンプと完成版データがあり気軽にマークアップを学べます。無…
-
chot.design（ちょっとデザイン）
毎日ちょっとずつWebデザインを学べる完全無料の学習サイト。 元々月額サービスで提供されていたこともあり、レッスン内容は高品質。…
-
ドットインストール
すべてのレッスンが3分の動画を見ながら受けられるオンライン学習サービス。 HTML、CSS、JavaScript、PHP、Rub…
-
progete（プロゲート）
プログラミングを中心とした親しみやすい雰囲気のオンライン学習サービス。 HTMLやCSS等、各カテゴリで初級編までは無料会員で学…
-
CODE KICHEN（コードキッチン）
HTMLやCSS、JavaScriptのリファレンスサイト。 Web制作時に起こる「あれどうやって作るの？」をレシピのように探せ…
-
Web Design Clip（ウェブデザインクリップ）
非常にシンプルで見やすいギャラリー形式のサイト見本。 国内サイト、国外サイトなどのカテゴリがあるのが特徴。 またそれぞれのカテ…
-
動くWebデザインアイディア帳
アニメーションを使ったサイトとTipsの紹介がされている見本サイト。 サイト数は少なめですが「動かしたいパーツ」ごとの逆引きリス…
-
ちょうどいいイラスト
可愛すぎず硬すぎない、まさに「ちょうどいい」感じのフリーイラスト素材。 人物やビジネス系のイラストが多く、幅広い用途で使えます。…
