Resource - Archives

軽量で使いやすい非依存のオートコンプリートライブラリ・「autoComplete.js」

autoComplete.js autoComplete.jsはinput要素で自動補完を実装するためのシンプルなスクリプトです。非依存で軽量、高速なのが特徴みたいです。自動補完用のリストも簡単に作れますので個人的にも扱いやすそうとい...

シンプルで見やすいフローチャートやワイヤーフレームを簡単に作成できる・「Whimsical」

Whimsical Whimsicalはシンプルで見やすいフローチャートやワイヤーフレームを作成、DLしたりシェアできるWebアプリです。よくあるやつですが最低限の機能を揃えつつも使いやすく分かりやすいUIという印象です。現在はフロー...

シンプルで見やすいBootstrapベースの管理画面テンプレート・「Lath」

Lath Lathはシンプルで美しく見やすいBootstrapベースのadminテンプレートです。スタイルも完成されている印象で、プロジェクトのキックスタートに使って欲しいとの事で、管理画面のスタイリングをしなくても済ませられる、とい...
Ads

MediumやDropbox Paperなどのようなリッチテキストエディタを実装する為のフレームワーク・「Slate」

Slate Slateはリッチテキストエディタを作るためのフレームワークです。MediumやDropbox PaperやGoogle Docsといった、性質の異なる様々なリッチテキストエディタの構築をサポートしてくれます。Draft....

顔のパーツを組み合わせてオリジナルの絵文字を作成できる・「Emoji Builder」

Emoji Builder Emoji Builderは顔の絵文字で使われているパーツを組み合わせてオリジナルの絵文字を作成、DL出来るWebツールです。なんとなくどこかにありそうですが探してみると以外となかったので備忘録。一般的に使...

レスポンシブなWebページを簡単に作成できるWebページビルダーを作るためのスクリプト・「GrapesJS」

GrapesJS GrapesJSはWebページを簡単な操作で作成できるWebページビルダーを構築する為のスクリプトです。CMS等に内蔵させて管理画面内で動作させるのが主な目的のようです。以前からありましたが、非依存型になる等かなり改...

シンプルなブログプラットフォームを構築するためのOSS・「Write Freely」

Write Freely Write Freelyはシンプルで高速なブログプラットフォームを構築する為のGoで書かれたブログ構築用ソフトウェアです。Webライターのコミュニティをセルフホスティングの元で管理できるようにするのが主な目的...

円や棒、折れ線などのグラフ毎のルールや作成法など、ダイアグラムを学べる・「Diagrammm」

Diagrammm Diagrammmは円や棒、折れ線やドーナツ、ベン図や散布図などなど様々なダイアグラムのルールや作成法などを学べるWebサイトです。各情報の参考文献として専門書籍も紹介されています。この手の知識を学べるWebサイト...

ベースにしたい色を指定するだけでカラーパレットを生成するOSSなカラーツール・「PALX」

PALX PALXはベースカラーを指定するだけでカラーパレットをジェネレートしてくれるカラーツールです。フルスペクトラムなカラーパレットとして生成、変数を使ったCSSやJSON、Sassなどで利用できるようになっています。ドメイン/カ...

円グラフや棒グラフなど、様々なチャートを作成し、画像でDLしたりシェアできる・「Chartify」

Chartify Chartifyはブラウザで様々なチャートを作成、画像でダウンロードできるチャート作成ツールです。円や棒、折れ線、ドーナツなど、多くはありませんが必要最最低限は揃えられている印象で、使い方も概ねマウスのみで完結する手...

オープンソースのMediumクローン・「Stories」

Stories Storiesはオープンソースで公開されているMediumのクローンです。Ruby on RailsとReact.jsの勉強として始めたプロジェクトだそうで、Googleの日本人ソフトウェアエンジニア、Ken Hibi...

任意のWebサイトへのアクセスを不可にするChromeエクステンション・「Just Focus」

Just Focus Just Focusは任意のWebサイトへのアクセスを禁止してくれるChrome拡張です。非常にシンプルなもので、アクセスを自分自身に禁止したいURLを入力すれば自動でJust FocusのWebページにリダイレ...

コードサンプルをアニメーションしながら表示させるOSS・「GLORIOUS」

GLORIOUS GLORIOUSはコードサンプルをブラウザでアニメーション表示させるソフトウェアです。上図デモのように、書いたコードをタイプアニメーションで表示できる、というもの。ユニークなURLが発行され、共有できるようになってい...

FlexboxベースのモバイルファーストなCSSフレームワーク・「Butter Cake」

Butter Cake Butter CakeはFlexboxベースのモバイルファーストなCSSフレームワークです。モジュール式で必要な機能は自身で追加していくタイプなので軽量に抑えることができます。よく必要とされるUIコンポーネント...

オープンソースで公開されている汎用的でミニマルなアイコンのセット・「Eva Icons」

Eva Icons Eva Iconsはオープンソースのミニマルなアイコンのセットです。アイコンはどれもWebアプリやWebサイトでよく利用されるような、汎用的に使えるものがほとんどで、様々なシーンやコンテンツに使えるようにデザインさ...

ログイン不要で使えるシンプルなビデオチャット・「Gotalk」

Gotalk Gotalkはログインせずとも利用可能なビデオチャットサービスです。任意のURLでチャットルームを作成し、URLを共有するだけのシンプルなものになりますがログインすれば、例えば入場制限する等、より高性能なビデオチャットと...

様々なスマフォアプリのUI/UXをアニメーションで確認できるデザインギャラリー・「Mobile Patterns」

Mobile Patterns Mobile Patternsは公開されている様々なスマフォアプリのUI/UXデザインをアニメーションで確認できるデザインギャラリーです。各アプリに複数のSSが掲載されており、マウスホバーでアニメーショ...

任意のWebサイトからデータを抽出し、リンクカード化してくれるAPI・「Microlink」

Microlink Microlinkは任意のWebサイトのURLを元に、データを抽出して所謂リンクカードにしてくれるAPIです。省スペースにサムネイルやURL、詳細が表示され、ボックスがリンク化しているのでユーザーフレンドリーなUI...

ページのスクロールに応じて任意の要素にアニメーションエフェクトを付与できる非依存の軽量ライブラリ・「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、モックアップからインスピレーション、ストックフォトなどなど様々なリソースがまとめられてい...
Ads