Webデザイナー向け

JavaScript

CSSデバッグを少し手伝ってくれる小さなスクリプト・「debugCSS.js」
ソフトウェア

ブラウザでイラストを複数描いてGifアニメーションやmp4でダウンロードできるオープンソースのソフトウェア・「ANIMATE IT」
JavaScript

React.jsによるアプリケーション開発の為のモジュール式UIコンポーネントライブラリ・「Chakra UI」
Ads
プログラミング補助

閲覧中のWebページの任意の要素のHTMLとCSSを選択してコードをjsfiddleのようなエディタで確認できるブラウザ拡張・「SnipCSS」
Webデザイン補助

実際に使用した風のUIを確認できるカラーパレットジェネレーター・「Muzli Colors」
JavaScript

Webページにドラッグでページスクロール可能なミニマップを生成するスクリプト・「pagemap」
Webデザイン補助

任意のSVGのstrokeやfillをアニメーションさせるWebアプリ・「SVG Artista」
編集ツール

Markdownでドキュメントを書いてツリー形式で管理できる国産サービス・「Tree」
フレームワーク

BootstrapベースでVueやReact、jQuery、Angularなど様々なライブラリに対応可能の、大量のコンポーネントを含んだダッシュボード/管理画面テンプレート・「Airframe」
ソフトウェア

PHPで書かれたオープンソースのPocketクローン・「wallabag」
ジェネレーター

SVGによる波状のラインをランダムで作成できるジェネレーター・「Get Waves」
フレームワーク

Bootstrapをベースに、新しいコンポーネントやスタイルが追加されたUI開発キット・「Avant UI」
ジェネレーター

Googleスプレッドシートを瞬時にJSON形式にするWebアプリ・「Gson」
ソフトウェア

大きなサイズでも高速動作するシンプルなJSONビューア・「Dadroit」
検索エンジン

商用でもクレジット無しで無料で使える高品質な写真素材を配布するストックフォト・「picjumbo」
JavaScript

円型での切り取りも可能な画像クロップライブラリ・「Cropme」
CSS/HTML

ユニークなCSSグラデーションをコレクションしている・「Gradient Magic」
JavaScript

form要素を対話形式で作成できるスクリプト・「Conversational Form」
JavaScript

デザイナーと開発者が同じプロジェクトで一貫したUI設計が出来るよう配慮されたReact.js向けUIフレームワーク・「Atomize React」
JavaScript

GoogleドキュメントでWebページを作成、公開できるOSS・「ImportDoc」
JavaScript

オープンソースのシンプルでモダンなepubビューアスクリプト・「Foliate」
CSS/HTML

軽量でカスタマイズ性重視の、カスタムプロパティを使ったモダンなCSSフレームワーク・「HiQ」
次のページ