Webデザイナー向け

CSS/HTML

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

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

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

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

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

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

LottieフレームワークとFeather Iconプロジェクトを併用したネイティブアプリやWebアプリ向けのアニメーションアイコンセット・「flight」
Webデザイン補助

任意のベースカラーを設定すると、WarningやSuccessなどの最適なアラート用カラーを自動で選出してくれる・「Eva Deep learning color generator」
CSS/HTML

シンプルさ重視の軽量CSSフレームワーク・「TypeSafe CSS」
JavaScript

preタグに書いたデータをダイアグラムとしてビジュアル化するスクリプト・「Pinker.js」
共有系サイト

Webサイトマップをビジュアル化して見積もりを計算できる・「Octopus.do」
JavaScript

任意の画像にフィルターを掛けたりリサイズ、切り抜き等の加工を施してダウンロードできるOSSの画像編集ライブラリ・「Filerobot Image Editor」
CSS/HTML

コピペで使えてカスタマイズもしやすいCSSアニメーションコードをまとめている・「CSS WAND」
編集ツール

CSSフレームワークを元に、直感的な操作でWebサイトを構築できる開発者向けのWebサイトビルダー・「Frontnd Builder」
ソフトウェア

Flexboxでやりたいレイアウトを、ビジュアルを見ながら選択肢を選んで作成、コードをコピーできる・「Flex」
その他

使いやすさを最重視した、ミニマルで直感的に操作できるUIのフローチャート作成ツール・「Zen Flowchart」
CSS/HTML

Bootstrapに基づいて設計されたミニマルデザインなオープンソース管理画面テンプレート・「Spur」
ソフトウェア

1000以上ものシンプルなアイコンをsketchファイルやSVG、PSDやFigmaファイルなども同梱して無償配布するオープンソースのアイコンセット・「Material Icons Library」
Webデザイン補助

カラーコードの文字に焦点を当てた実験的なカラーツール・「#c0ffee is the color」
ジェネレーター

任意の動画ファイルをアップロードすると、指定したモバイル端末のモックアップに合成した動画ファイルを作成してくれる・「Mock」
CSS/HTML

Bootstrap 4と互換性のある、120以上のコンポーネントを揃えたWeb開発キット・「Uix Kit」
JavaScript

レーダーチャートを作れる非依存のシンプルなスクリプト・「maturity-radar」
次のページ