Vue.jsベースのECサイト向けUIコンポーネントライブラリ・「Storefront UI」
Storefront UI Storefront UIはECサイトの為に開発されたVue.jsベースのUIコンポーネントライブラリです。デザイナーや開発者向けに設計されており、カスタマイズのしやすさも考慮されているそうで、デス...
Resource -"キーワード指定なし"
マウスの動きやスクロールなど、閲覧ユーザーのブラウザのビューポート状態を監視するスクリプト・「Tornis」
Tornis Tornisはマウスの動きやスクロールなど、閲覧ユーザーのブラウザのビューポート状態を監視するスクリプトです。シンプルで軽量、依存関係もなく、使いやすい設計となっています。 パララックスの為のスクリプトというわけで...
Bootstrap 4と互換性のある、120以上のコンポーネントを揃えたWeb開発キット・「Uix Kit」
Uix Kit Uix KitはBootstrap 4と互換性のある、120以上のコンポーネントを揃えたWeb開発キットです。CSSフレームワークではないとの事。 これ単体でも開発を始められるし、Bootstrap 4を使い慣れ...
レーダーチャートを作れる非依存のシンプルなスクリプト・「maturity-radar」
maturity-radar See the Pen MdLMKo by kachibito (@kachibito) on CodePen. maturity-radarはレーダーチャートを作成できるスクリプトで...
複数のストックフォトサイトからCCやパブックドメインなどの写真を横断検索できる・「Image Finder」
Image Finder Image Finderは複数のストックフォトサイトからCC0やパブリックドメイン、そのほかのCCライセンスの写真を横断検索できるWebアプリです。 対象サイトはpicjumboやPixabay、Goo...
シンプルで軽量なオープンソースのフォーラムエンジン・「Thredded」
Thredded Threddedはシンプル軽量なOSSのフォーラムエンジンです。Ruby on Railsで書かれており、フルテキスト検索が可能、データベース（SQLite、MySQL v5.6.4 +、およびPostgreSQL）...
自動ナンバリングできるCSSカウンターを同ページ内で複数使うサンプル
Result See the Pen Overlapping CSS Counters by kachibito (@kachibito) on CodePen. 自動連番できるCSSカウンターを親要素と子要素の入れ子...
ソーシャル機能も備えた、分かりやすく使いやすいオンラインのブックマークマネージャ・「papaly」
Papaly Papalyは分かりやすく使いやすいシンプルなブックマークマネージャです。ブックマークをカンバンライクに整理する事が出来る、というもの。ボードを作成し、カテゴリタイトルをつけたり色で整理したり、カテゴリごとD&D...
様々なWebアプリのコンテンツ単位のスクリーンショットをデザインギャラリーに収集している・「Webframe」
Webframe WebframeはさまざまなWebアプリのFAQページや料金表ページ、LPやログインフォームなどコンテンツ単位のSSをデザインギャラリーとして掲載しているWebアプリ専用デザインギャラリーです。 カテゴリはコン...
複数デザイナー向けコミュニティやインスピレーションサイトを任意のカラーコードやキーワードで横断検索できる・「Muzli Search」
Muzli Search Muzli Searchはさまざまなデザインインスピレーションサイトやコミュニティを任意のカラーコードやキーワード等で横断検索できるデザイン検索エンジンです。以前ご紹介したChromeエクステンションのMuz...
Font Awesomeから派生したオープンソースのアイコンプロジェクト・「Fork Awesome」
Fork Awesome Fork AwesomeはFont Awesomeから派生したオープンソースのアイコンプロジェクトです。Font Awesomeのバージョン5あたりから、その方向性に疑問を感じ始めた製作者がFont ...
Webページ最上部に、スクロールに応じてプログレスバーを表示する
Result See the Pen QRrYyV by kachibito (@kachibito) on CodePen. スクロールするとプログレスバーが表示されるやつ。非依存です 仕様が分かりやすいようにド派...
様々な医療関係のイラストをD&Dで作成できるWebアプリ・「BioRender」
BioRender BioRenderは様々な医療や生体テクノロジーに関するイラストをドラッグ&ドロップで作成できるWebアプリです。研究職や学生の方などが対象だそうです。 こちらは専門的なイラストのみとなりますが、UI...
mediumライクなスタイルを提供するCSS・「medium.css」
medium.css medium.cssはmediumライクなスタイルを提供するスタイルシートです。タイポグラフィやレイアウト、各エレメントのスタイルなどをmediumのような見た目に出来る、というもの しっかりRWD対応にな...
700以上のシンプルなアイコンをオープンソースで提供するプロジェクト・「Font Kiko」
Font Kiko Font Kikoは700以上ものアイコンを無償提供するアイコンフォントプロジェクトです。シンプルで使いやすそうなスタイルのアイコンを3つのウェイトで無償配布しています。 アイコンはフォントの他、SV...
Webデザイナー向けに役立ちそうなリソースをまとめている・「Neede Design Resources」
Neede Design Resources Neede Design ResourcesはWebデザイナーやUI、UXデザイナーなどデザイナー向けのリソースを大量にまとめているキュレーションサイトです。ブランディングやカラー...
DropboxやSlack、G Suite、Evernoteなどで管理しているドキュメントをひとまとめにできる・「FYI」
FYI FYIは様々なWebサービスで管理しているドキュメントをひとまとめにできるWebアプリです。対応しているサービスはDropboxやSlack、G Suite、Evernote、One Drive、Github Gist、box...
任意の画像をiOSやAndroidアプリの各サイズのアイコンに変換する・「Icon cutter」
Icon cutter Icon cutterは任意の画像をiOSやAndroidアプリのアイコンに変換するWebアプリです。Androidならmipmap-xhdpiやmipmap-xxhdpiといったようにic_launcher....
Webサイトでどのようなテクノロジーが使われているかを調査できるChrome拡張・「WhatRuns」
WhatRuns WhatRunsは任意のWebサイトでどのようなテクノロジーが使われているかを調査できるChrome拡張です。かなり前にご紹介させて頂いたLargerIOと同じ目的ですが、こちらはブラウザ拡張としてその場で利用で...
自動で背景を除去してくれるremove.bgに、各OSに対応したデスクトップアプリが登場・「remove.bg for Windows/Mac/Linux」
remove.bg for Windows/Mac/Linux remove.bg for Windows/Mac/Linuxは自動で背景を除去してくれるremove.bgのデスクトップアプリ版です。先日Photoshopでも使えるよ...
任意の画像を解析し、支配的なカラーを抽出してくれるオープンソースのWebアプリ・「Color Palette」
Color Palette Color Paletteは任意の画像からその画像内で支配的な色（占める割合の高い色）を即抽出してくれるWebアプリです。OSSとしてソースコードも公開されています。 本ツールは映画のワンシー...
128MBまで対応の、シンプルに使える画像アップローダー・「img.onl」
img.onl img.onlは128MBまで対応したシンプルなイメージアップローダーです。手軽さ、シンプルさが大きな特徴、というかそれ以外は特に機能は無く、ただ1つの目的のために開発されています。 アップロードは通常の方法以外...