Webデザイナー向け

フレームワーク

Meteor + Vue.jsのマテリアルデザインUIフレームワーク・「viu」
CSS/HTML

軽量でベーシックなレスポンシブWebデザイン対応CSSフレームワーク・「Cirrus」
JavaScript

手軽に使える、スクロールに応じて動作するパララックス系スクリプト・「paroller.js」
Ads
CSS/HTML

flexboxを使った、シンプル軽量なグリッドシステム・「Waffle grid」
CSS/HTML

使用してないCSSを解析して削除、使用中のものだけ残してくれる・「UnCSS」
JavaScript

円や三角、ハート型などで実装出来るプログレスバー・「ProgressBar.js」
その他

ボツになったロゴをフリー配布するプロジェクト・「Logodust」
Webデザイン補助

任意の色の組合せでアクセシビリティチェック出来る・「Hex Naw」
JavaScript

Webサイトの訪問者の簡易的なデータを取得するスクリプト・「Purser」
Webデザイン補助

accessibleなカラーパレットの作成をサポートしてくれる・「Accessible color palette builder」
JavaScript

データやイベントを簡易的に可視化するタイムシート作成ライブラリ・「timesheet.js」
CSS/HTML

シンプルでベーシックなレスポンシブWebデザインのグリッドレイアウト・「Spacegrid CSS」
CSS/HTML

軽量でレスポンシブ、スタイルも選べるナビゲーションメニューのスタイルシート・「LUXBAR」
CSS/HTML

シンプルで見やすいHTMLリファレンス・「htmlreference.io」
Webデザイン補助

美しいグラデーションを大量に収集、CSSをコピーできる・「WebGradients」
Webデザイン補助

データの可視化に関するツールや知識、リソースをまとめている・「dataviz.tools」
その他

ディープラーニングでHTMLにclassを自動付与してくれる・「CSSRooster」
Webデザイン補助

任意のWordPressのテーマのスタイルをチェックできるテスト用データ・「WP Test」
その他

Sketch向けのフローチャートキット・「uxflow」
検索エンジン

大量のメールマガジンを収集、検索出来る・「Discover」
その他

商用でも無償で使えるCC0ライセンスの写真を配布するストックフォトサイト・「NegativeSpace」
JavaScript

手軽で簡単、使いやすい国産の動画用モーダルウィンドウスクリプト・「modal-video.js」
次のページ