任意のWebサイトからデータを抽出し、リンクカード化してくれるAPI・「Microlink」
Microlink Microlinkは任意のWebサイトのURLを元に、データを抽出して所謂リンクカードにしてくれるAPIです。省スペースにサムネイルやURL、詳細が表示され、ボックスがリンク化しているのでユーザーフレンドリーなUI...
Resource - Webディレクター向け
ページのスクロールに応じて任意の要素にアニメーションエフェクトを付与できる非依存の軽量ライブラリ・「ScrollOut」
ScrollOut See the Pen Cascading text effects w/ Splitting + ScrollOut ✍️🤓 by kachibito (@kachibito) on CodePen. Scro...
シンプルなbefore/afterコンテンツを作成できるスクリプト・「beerslider」
beerslider beersliderは上記のようなbefore/afterコンテンツを作成できるスクリプトです。他スクリプトに依存せず、単体で動作しますが、jQueryやZeptoとの併用も可能です。25kbほどの軽サイズで扱い...
ブラウザで動作するクラウドベースのIDE・「Devmind.io」
Devmind.io Devmind.ioはクラウドベースのIDEです。FTP/SFTPサーバーに接続して、Webブラウザで開発する事が出来ます。複数デバイス、各言語もサポート、バックアップや認証、バージョン管理はDropboxで行い...
デザイナー向けのリソースを収集、公開しているプロジェクト・「DesignBase」
DesignBase DesignBaseはアプリやWebなどのデザイナー向けのリソースを収集しているプロジェクトサイトです。色やフォント、UI、モックアップからインスピレーション、ストックフォトなどなど様々なリソースがまとめられてい...
チームで使えるオンラインダイアグラム作成ツール・「Diagramiq」
Diagramiq Diagramiqはチームで使えるコラボレーションダイアグラム作成ツールです。オンラインで使えて動作もなかなか軽量、サインアップもGoogleアカウントで出来るようになっています。UIも分かりやすい印象です。公開/...
各UIコンポーネントも兼ね備えたオープンソースのモバイルアプリ向けフレームワーク・「Galio」
Galio Galioはモバイル向けアプリの為に作られたReact Nativeベースのフレームワークです。一般的に使用される各UIコンポーネントが用意されています。こちらは一から構築していくためのスターターキットの類ではなく、デザイ...
フリーで使えるシンプルな線画アイコンのセット・「Evericons」
Evericons EvericonsはCC0で使えるシンプルな線画アイコンのセットです。上図のようにシンプルな線画のみのSVG/PNGアイコンの他、Skechファイルなども同梱されていました。Webサイトに表記はありませんがダウンロ...
HTMLメールをテンプレートから手軽に作成、管理できるオンラインエディタサービス・「Stripo」
Stripo StripoはHTMLメールを手軽に作成、管理できるWebエディタサービスです。テンプレートから作成、D&Dでコンテナを追加/削除が可能でテキストやロゴの変更だけでなく、paddingやmargin等での微調整なども簡単...
非依存型のミニマルなプレゼンテーションライブラリ・「presentr」
presentr presentrは他ライブラリに依存せず単体で動作するミニマルなプレゼンライブラリです。圧縮版で1.8kbほどと軽量でシンプル、BootstrapやVueとの併用などにも対応できるそうです。近年ではさほど高い需要は無...
クリーンで見やすいチーム向けタスク管理ツール・「Cirkus」
Cirkus Cirkusはチーム向けのタスク管理ツールです。タスク管理ツールとしての基本的な機能からコラボレーション機能、デスクトップとモバイルアプリの提供などやフリーランサー等、外部のスタッフを含んだ際に欲しい権限機能などなどチー...
ミニマルなスタイルのHTML5製ミュージックプレイヤー・「cPlayer」
cPlayer cPlayerはHTML5製のミニマルなミュージックプレイヤーライブラリです。上図のように省スペースでミニマルなスタイルのプレイヤーを実装できる、というもので見た目のシンプルさとは異なり、リピート機能やプレイリスト、連...
プロジェクト/タスク管理ツールを大量に収集している・「Software For Projects」
Software For Projects Software For Projectsは大量に収集されたプロジェクト管理ツールやタスク管理ツールから最適なものを探すためのプロジェクトサイトです。各ツールは投票できるようになっており、人...
リモートワーカーを含むプロジェクトチームの為のツールを収集している・「Remote Tools」
Remote Tools Remote Toolsはリモートワーカーを含んだプロジェクトチームの為のツールをまとめているWebサイトです。リアルタイムコラボレーションタイプのテキストエディタやデザインツール、ドキュメントツール、ホワイ...
読み込むだけでMarkdownでWebページを作成できるようにするスクリプト・「md-page」
md-page See the Pen mzwQeO by kachibito (@kachibito) on CodePen. md-pageは読み込むだけでMarkdown記法でWebサイトを作成できるスクリプトです。上サンプル...
音に合わせて要素をアニメーションさせるスクリプト・「Rythm.js」
Rythm.js Rythm.jsは音に合わせて任意の要素をアニメーションさせるためのスクリプトです。動作や色の変化など、要素に対して様々なエフェクトを、音源に応じて変化させることが出来る、というもの。エフェクトはたくさん用意されてい...
スタートアップの為の無料ランディングページテンプレートを配布する・「Cruip」
Cruip Cruipはスタートアップの為に無料で配布されているLPテンプレート集です。レイアウトやエフェクト等、モダンな設計がなされている印象です。サービスやプロダクトをしっかり顧客にアピールしたいけど資金が回らない、というケースは...
スクロールアニメーションを実装できる超軽量且つ非依存のライブラリ・「Sal.js」
Sal.js Sal.jsはページのスクロールに応じて動作するアニメーションエフェクトを実装出来る非依存型のJavaScriptライブラリです。軽量で他ライブラリ不要で動作、導入も簡単と、良い仕様な印象でした。エフェクトはカスタムデー...
プロトタイプやフレームワークの為の落書きフォント・「Scribble Font」
Scribble Font Scribble Fontはプロトタイプやフレームワーク作成時用に作られた落書きタイプのフォントです。上図のような適当に書いたフォントをタイプできるようになります。同じ用途のフォントも既に開発されていますの...
要素にYoutubeの動画IDを含めるだけでポップアップ再生できるようにするスクリプト・「GRT Youtube Popup」
GRT Youtube Popup GRT Youtube Popupは任意のHTML要素に動画IDを含めるだけでポップアップ再生できるようにするスクリプトです。jQueryに依存します。下記のような書き方で上デモのようにポップアップ...
脱Googleしたい方の為の、様々なGoogleのサービスの代替となるプライバシーフレンドリーなサービスをまとめた・「No More Google」
No More Google No More GoogleはGoogleのサービスを使いたくない方の為の、Gopogleの様々なサービスの代替ツールを紹介するWebサイトです。Googleにおけるプライバシーの扱い、信頼性に関してはよ...
InVisionがフリーで配布するPhotoshop/Skechのワイヤーフレームキット・「Form」
Form Formはプロトタイピングツールを展開するInVisionがフリーで配布しているワイヤーフレームキットです。Photoshop用とSkech用が配布されています。PC向け、スマフォ向け、タブレット向けがそれぞれ用意されており...