Webデザイナー向け

プログラミング補助

覚えておくと便利な正規表現のパターンをまとめた・「Regex Hub」
CSS/HTML

CSSで出来る画像エフェクトをまとめた・「Image Effects with CSS」
ジェネレーター

雪の結晶を作成、svgで保存出来る・「Snowflaker」
Ads
ジェネレーター

書いたコードを画像化してTwitterに投稿出来るシンプルなツール・「Alter」
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」
最適化ツール

Webのフォームをチェック、評価してくれるフォーム最適化ツール・「FormLinter」
ソフトウェア

UnsplashからCC0の画像を直接検索し、投稿に含められるWordPressプラグイン・「Instant Images」
CSS/HTML

Webアプリの開発スピードをサポートするレスポンシブな軽量HTML/CSSフレームワーク・「Base」
ソフトウェア

オープンソースのオンラインドキュメント管理システム・「PaperNIC」
Webデザイン補助

Web制作に役立つツールやリソースを厳選してまとめている・「StockJo」
ソフトウェア

HTML5やWordPressの有料/無料のテンプレートで高品質なものを収集、ギャラリーにしている・「Best of Themes」
JavaScript

レスポンシブなtableの為のスクリプト・「resTables」
JavaScript

要素内やページ内でのスクロールに応じてプログレスバーを表示する軽量シンプルなスクリプト・「PrognRoll」
CSS/HTML

FlexboxベースのシンプルなCSSフレームワーク・「useful.ly」
次のページ