Webデザイナー向け

その他

任意のWebページのスクリーンキャストを撮って共有出来るChrome拡張・「Opentest」
ソフトウェア

ドット絵+スプライトアニメーションを作成出来るピクセルアートツール・「ASEPRITE」
JavaScript

input要素の入力をサポートする非依存スクリプト・「Cleave.js」
Ads
CSS/HTML

記号や特殊文字を使ったローディング時のスピナーをCSSで作る・「text-spinners」
Webデザイン補助

SVGで書かれたワイヤフレーム用のステンシルを検索、ダウンロードできる・「littleplaneapp.com」
インスピレーション

WebサイトやアプリのUIをアニメーションで収集するギャラリーサイト・「UI Movement」
JavaScript

Githubのコードを任意のWebページに埋め込める・「github-embed」
ジェネレーター

CSSやSVG、GIF等でローディングアイコンを作成出来る・「loading.io」
ソフトウェア

色覚障害の方に対応したWeb制作の為のChromeエクステンション・「ChromeLens」
CSS/HTML

軽量シンプルなオープンソースのUIキット・「Css-mint」
ソフトウェア

WordPressの管理画面内でドラッグ&ドロップによるレイアウト作成が可能なプラグイン・「Tailor」
CSS/HTML

flexboxベースの軽量でレスポンシブなCSSフレームワーク・「Basis」
JavaScript

モニタサイズ次第で入りきらない部分だけスライドインさせるレスポンシブなメニュースクリプト・「okayNav」
共有系サイト

手軽にスクリーンショットを編集、シェア出来るWebサービス・「Snaggy」
Webデザイン補助

モーショングラフィックスの基本要素を元素記号表で表現した・「モーション周期表」
ジェネレーター

大量のデバイスに対応可能なMedia Queriesジェネレーター・「Simple CSS Media Queries」
CSS/HTML

Twitter公開の絵文字のtwemojiをFont Awesomeライクに使える・「Twemoji Awesome」
JavaScript

テキストにCSS3のアニメーションエフェクトを付与するスクリプト・「txt.wav」
Webデザイン補助

商用でも個人でも無料で利用できるロゴやアイコン、UI、写真、音源、動画などを配布するプロジェクト・「Stocky」
Webデザイン補助

シンプルで直感的な操作でモックアップ作成が出来るプロトタイプングツール・「Mockplus」
CSS/HTML

CSSをショートハンドにしてくれるジェネレーター・「SHRTHND」
CSS/HTML

モバイルサイトの為の軽量でフレキシブルなCSSフレームワーク・「Mobi.css」
次のページ