Webデザイナー向け

Webデザイン補助

UI制作の際に役立ちそうなツールやリソース等の情報をまとめた・「designer lynx」
ジェネレーター

任意の画像をデバイス画像に合成し、任意の画像やテキストも挿入できるモックアップ作成ツール・「MOCKUP GENERATOR」
CSS/HTML

手書き風なゆるいスタイルのCSSフレームワーク・「PaperCSS」
Ads
CSS/HTML

Animate.cssをサポートしてくれるスクリプト・「jquery.animator.js」
CSS/HTML

UI開発速度を上げるために作られたユーティリティファーストなCSSフレームワーク・「Tailwind CSS」
JavaScript

シンプルでモダンな非依存型のチャートライブラリ・「Frappé Charts」
その他

URL入力だけでスマフォやタブレットで閲覧した際のスクショをまとめて撮れる・「Responsive Screenshots」
CSS/HTML

ラジオボタンとチェックボックスを装飾するためのCSSライブラリ・「pretty checkbox」
CSS/HTML

CSSのみで手軽に実装出来るモーダルウィンドウライブラリ・「Light Modal」
その他

音声付きのプレゼンテーションを作成できるサービス・「Draftsend」
ソフトウェア

MarkdownやLaTeXをサポートしている超シンプルなWebテキストエディタ・「Writing」
フレームワーク

豊富なコンポーネントを揃えたモジュール式のオープンソースUIツールキット・「One-Nexus」
その他

著名なWebサービスやツールの代替となりそうな類似サービスを紹介する・「Product Alternatives」
編集ツール

jsfiddleライクなエディタやカラーパレット作成ツール等を公開する・「Liveweave.com」
ソフトウェア

css gridのコードを生成できる・「Griddy」
複合/その他

Bootstrapで使える要素を170種ほどセットにしてOSSとして配布する・「Froala Design Blocks」
JavaScript

編集可能のシンプルなtableを実装するスクリプト・「jquery-fulltable」
CSS/HTML

ユニークなエフェクトを要素に付与できるCSSアニメーションライブラリ・「mimic.css」
JavaScript

inputのtype=”file”で送信前に画像を表示させるスクリプト・「file-upload-with-preview」
CSS/HTML

CSSだけでふわっと浮かぶ上がるツールチップを簡単な設定で実装できるCSSライブラリ・「Balloon.css」
JavaScript

ドラッグ&ドロップで作れるコンテンツエディター実装スクリプト・「KEditor」
JavaScript

anime.jsでテキストにアニメーションエフェクトを付与するコードをまとめたサンプル集・「MOVING LETTERS」
次のページ