Webデザイナー向け

インスピレーション

イラストレーター向けのライブ配信ツール・「Sywork」
JavaScript

HTMLエレメントに手軽にサウンドエフェクトを付与するスクリプト・「EasyAudioEffects.js」
インスピレーション

Dribbbleに投稿されたUIキットやモックアップ等のリソースをピックアップして配信する・「Psddd」
Ads
Webデザイン補助

CC0ライセンスの綺麗な写真をダミー画像として使えるOSS・「Unsplash It」
ジェネレーター

シームレスな背景パターンを作成できるジェネレーター・「Background Image Generator」
JavaScript

PCやスマフォ、タブレット等のモックアップ作成用ライブラリ・「DeviceMock.js」
ジェネレーター

CanvasやSVGによるパターンを作成出来る・「Halftone Patterns」
CSS/HTML

flexboxを使ったシンプルでフレキシブルなCSSフレームワーク・「cssPlus」
その他

クオリティの高い写真素材をパブリックドメインで配布するストックフォトサイト・「SKUAWK」
CSS/HTML

レスポンシブWedデザイン対応のスタイルガイドを作成出来るOSS・「Styleguide」
ソフトウェア

Microsoft WordをMarkdownエディタにする為のプラグイン・「Writage」
CSS/HTML

Markdown向けのレスポンシブWebデザイン対応UIフレームワーク・「Markdown UI」
ソフトウェア

SVGのpathをブラウザで編集出来るOSSのエディタ・「Paths」
Webデザイン補助

サンプルコード付きのUIをgifアニメーションにしてギャラリー形式で収集している・「CodeMyUI.com」
JavaScript

textareaにオートコンプリート機能を加えるライブラリ・「jQuery.textcomplete」
その他

スマフォアプリの簡易的なランディングページを手軽に作成、公開出来る・「LaunchKit App Websites」
Webデザイン補助

SVGの最適化や操作法、アニメーション等の使い方をまとめた・「SVG ON THE WEB」
CSS/HTML

Google製のマテリアルデザインコンポーネントライブラリ・「Material Design Lite」
Webデザイン補助

様々なデバイスの画面サイズ等の情報を一覧化した・「Device Metrics」
CSS/HTML

軽量でミニマルなCSSフレームワーク・「Thao Framework」
Webデザイン補助

モバイルサイト向けのWebサイトビルダー・「Mobirise」
CSS/HTML

レスポンシブWebデザイン対応のミニマルなUIフレームワーク・「KATHAMO」
次のページ