Webデザイナーブートキャンプ卒業生のブックマーク集
こんにちは。僕は4月14日にテックアカデミーの『初めての副業コース(8週間コース)』を受講して、6月4日に最終課題をクリアーして卒業しました。今は副業デビューに向けて独学中です。
困った時の調べ物で『Raindrop』と言うアプリでブックマークをしていますが膨大な数となりました。
ブックマークの整理と、もし僕と同じ様にWebデザイナーを勉強する方にお役に立てるかもしれない記事をZennで書いてみることにしました。(Ctrl+Fでまとめて検索用でもあります)
ハッシュタグ付けはXでも多用を禁止されている感じなので、今回は付けないでおきます。
常用素材
Google Fonts
Font Awesome
Bootstrap Icons
公式ページ
アドバンスクールオンライン
GitHub
プログラミングの入門なら基礎から学べるProgate[プロゲート]
コーディング練習ができるおすすめサイトを徹底解説 | 2025年｜しょーごログ
HTML/CSS練習ができるサイトは？コーディングの勉強方法も解説 | 侍エンジニアブログ
【総数43,313件】LPの最新デザインまとめ参考サイト｜LP アーカイブ
Codejump | 作って学ぶコーディング学習サイト（HTML、CSS、JavaScript、WordPress）【旧 Codestep】
CodePen
ツール
CSS Grid Generator
Squoosh(※favicon作成)
SVG to ICO | CloudConvert(※favicon作成)
【コピペOK】ドット柄・水玉模様背景CSSジェネレーター
【コピペOK】ストライプ柄・縞模様背景CSSジェネレーター
【コピペで簡単】CSSグラデーション背景ジェネレーター
VSCodeスニペット用コード作成ツール
text-shadowのジェネレーターとプロパティについて | bad-company
【コピペで使える】吹き出しCSSジェネレーター
角度と底辺から斜辺と高さを計算
ピクセルパーフェクトの為の欠かせないツール：Polypane
Can I use... Support tables for HTML5, CSS3, etc
WebSpell（オンライン・スペルチェック）
PNG・JPEGをWebP画像に一括変換
Min-Max-Value Interpolation（※clamp関数）
WEB GENERATOR
difff《ﾃﾞｭﾌﾌ》
The W3C Markup Validation Service
辞典のように何度も見たい情報
Cheat Sheet
WEB色見本 原色大辞典 - HTMLカラーコード
【Windows版】VS Code キーボードショートカット一覧 （オススメ付き） - Qiita
CSSショートハンドのチートシート
初心者向けのjQuery入門講座
【初学者必見】HTMLにつけるclass名(クラス名)の命名規則の考え方を徹底解説！ - 株式会社PENGIN
Tailwind CSSとは？概要や特徴について簡単に解説！
ReactでCSSを使いこなす：6つの方法とそのメリット👍・デメリット👎
jQueryからTypeScript・Reactまで - Viteで始めるモダンで高速な開発環境構築 - ICS MEDIA
Skeleton CSSフレームワークの使い方とクラス一覧、サンプルのHTML
ユーティリティファーストCSSのススメ〜なぜ、セマンティックなclass命名は失敗するのか？｜菱川拓郎
他にCSS関係情報として136個のブックマークなど、Raindropを使い始めて1ヶ月で合計293個のブックマークがありますが、初めて公開する記事としてはここまでとします。
Discussion