Webディレクター向け

Webデザイン補助

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

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

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

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

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

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

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

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

タイポグラフィに関するツールやリソース、ファウンドリ、Webフォント等の情報をまとめたリンク集・「Typeworld」
CSS/HTML

小規模なプロジェクトのための軽量でミニマルなCSSフレームワーク・「Siimple」
JavaScript

Bootstrapでのtableにソートやページネーション、検索機能等を付与するスクリプト・「jQuery Bootgrid」
CSS/HTML

基本的な部分だけ抑えたモダンでミニマルなCSSリセット・「minireset.css」
インスピレーション

LPや料金ページ、商品紹介ページ等のUIを中心に収集しているWebデザインギャラリー・「UI Temple」
JavaScript

YoutubeやVimeo、Vineなどのembedをレスポンシブにする非依存の軽量スクリプト・「superembed.js」
ソフトウェア

GithubやGitLabでIDEのようにファイルをツリー表示するChromeエクステンション・「Octotree」
その他

様々なフィードバックの為のツールをコレクションしている・「feedbacktools.org」
Webデザイン補助

シンプルなカラーパレット管理ツール・「colorcubo」
JavaScript

JavaScriptのTipsを不定期で紹介する・「JS Tips」
JavaScript

自身の技術スキルをアニメーションする棒グラフで表示できるjQueryスクリプト・「skills」
その他

高品質な写真を著作権放棄で配布する・「SKUAWK PUBLIC DOMAIN PHOTOS」
JavaScript

要素の背景に水面を指でなぞるようなエフェクトを付与できるスクリプト・「jQuery Ripples」
その他

ユーザー登録不要でイメージギャラリーを作成出来る・「MFile.io」
次のページ