JavaScript Tools & Resources
JavaScript その他 CC0の写真素材を配布する、見やすくて探しやすいベーシックなフリーストックフォトサイト・「freestocks.org」
ジェネレーター 任意の画像を使うことも可能な、オリジナルのパターン画像を作成出来る・「Patterninja」
ジェネレーター 任意の画像にCSSのfilterとblend modeを設定した状態を表示、コードを出してくれる・「CSS filter and blend mode Generator」
その他 いろいろな切り抜き画像のみを配布する素材配布サイト・「StickPNG」
プログラミング補助 覚えておくと便利な正規表現のパターンをまとめた・「Regex Hub」
CSS/HTML CSSで出来る画像エフェクトをまとめた・「Image Effects with CSS」
ジェネレーター 雪の結晶を作成、svgで保存出来る・「Snowflaker」
Webデザイン補助 任意のカラーを任意の名前で登録、クリップボードにコピーできるシンプルなカラーツール・「HexCandy」
その他 ECサイト運営のためのツールやリソースをまとめている・「Marketplace Stack」
ジェネレーター 書いたコードを画像化してTwitterに投稿出来るシンプルなツール・「Alter」
JavaScript JSONから高性能なtableを作成してくれるスクリプト・「Tabulator」
CSS/HTML 設定したplaceholderにアニメーションエフェクトを付与する・「FoxHolder 」
ジェネレーター AIが作ってくれる手軽なロゴデザインジェネレーター・「Logojoy」
ジェネレーター SSの画像をアップロードするとMac ChromeやWin Firefoxなど、ブラウザのフレームに合成してくれる・「Browser Frame」
Webデザイン補助 任意のWebページでグリッドと要素のアウトラインを表示するChromeエクステンション・「tachyons-x-ray」
CSS/HTML HTML要素1つで、やや複雑な動きが出来るCSSスピナー・「CSSPIN」
Webデザイン補助 Webデザイナー向けのリソースを目的別にまとめている・「Freestack」
最適化ツール WCAG 2.0やSection508を基準に任意のWebサイトのアクセシビリティチェックをしてくれる・「Tenon.io」
Webデザイン補助 画像をアップロードすると、その画像内で使われているフォント名を割り出してくれる・「Matcherator」
JavaScript Googleリッチスニペット対応の、WebページにオリジナルのLikeボタンを付けるスクリプト・「LikeBtn」
CSS/HTML