Dribbbleで注目されたイラストからカラーパレットを作成している・「The Colorbook」
The Colorbook The ColorbookはDribbbleへの投稿で注目されたイラストからカラーパレットを作成しているWebサイトです。パレット作成数はかなり厳選しているようで１日に数個といったところのようです。現在はそ...
Resource - Archives
ブラウザで動作するオープンソースの電子書籍リーダー・「LibreRead」
LibreRead LibreReadはOSSの電子書籍リーダーです。Goで書かれているようです。ブラウザで動作するのでネットに繋がっている必要があるデメリットはあるものの、繋がってさえいればどのデバイスでもアクセス、管理できるのが利...
Webサイトのアクセシビリティチェックに使えるカラーコントラストチェッカー・「Color Contrast Checker」
Color Contrast Checker Color Contrast Checkerは色のコントラストをチェックできるシンプルなツールです。Webアクセスビリティの教育や情報発信をするWebAIMより提供されているツールで、背景...
複数プレイリストもサポートしたOSSな非依存型オーディオプレイヤー実装スクリプト・「AmplitudeJS」
AmplitudeJS AmplitudeJSは複数プレイリスト等もサポートした非依存のHTML5オーディオプレーヤーを実装できるスクリプトです。コントローラーも直感的でわかりやすくタッチデバイスフレンドリーな設計となっているそうです...
PNGファイルを軽量化する・「UPNG」
UPNG UPNGはPNGファイルを軽量化するためのツールです。アップロードすると即軽量化してくれる高速さが特徴で、軽量化後のクオリティも設定できます。画質のクオリティを下げれば（劣化させれば）より軽量化できます。プレビューも出してく...
Bootstrapの為のマテリアルデザインUIキット・「MDB」
MDB MDBはBootstrapの為のマテリアルデザインUIキットです。Material Design for Bootstrapの略で、使用ライブラリが、jQueryやAngular.js、Vue.jsやReact.jsを選択でき...
開発者向けのBootstrap 4のテーマやツールキットを配布する・「HackerThemes」
HackerThemes HackerThemesはBootstrap 4のテーマやツールキットを配布するプロジェクトサイトです。Bootstrapを使った開発ワークフローのスピードアップをサポートするのが目的だそう。公開されているの...
カーソルを乗せた方向によって変化するマウスホバーエフェクトを実装するライブラリ・「Direction Reveal」
Direction Reveal Direction Revealはカーソルの入った方向を検出してエフェクトを変化させるライブラリです。他ライブラリに依存せず単体で動作します。たまにどこかしらで見かけるやつを手軽に実装できる的なもの。...
Web用リッチテキストエディタを作成する為のツールキット・「ProseMirror」
ProseMirror ProseMirrorはWeb用リッチテキストエディタを構築するためのツールキットです。以前はMarkdown⇔HTMLなWYSIWYGエディタだったようですが、現在は様々な形のリッチテキストエディタを作るため...
オープンソースのオンライン会計ツール・「Akaunting」
Akaunting™ Akaunting™はオープンソースのオンライン会計ツールです。PHPフレームワークのLaravelをベースに、Bootstrap、jQuery等で構築されています。主に中小企業、フリーランサーをターゲットにした...
WordPressのログインページを管理画面内で容易にカスタマイズ出来るプラグイン・「Login Designer」
Login Designer Login DesignerはWordPressのログイン画面を管理画面内でカスタマイズできるWordPressプラグインです。上図のようにテーマカスタマイザーと同じ要領でカスタマイズ可能で、テキストやロ...
食べ物の写真を専門に配布するストックフォトサイト・「FOODIE FACTOR」
FOODIE FACTOR FOODIE FACTORは食べ物の写真を専門に配布するストックフォトサイトです。サラダとかケーキとかドリンクといったカテゴリで分けられています。基本的にCC0のようですが、全て確認したわけではないのでわか...
スクロールが生じたtableの左右上下の列や行などを固定出来るスクリプト・「TableHeadFixer」
TableHeadFixer TableHeadFixerはtableのヘッダーやフッター、左や右の列を固定できるスクリプトです。jQueryに依存します。スクロールが生じたtableで重要な個所を固定する事でユーザーのスクロール頻度...
SketchやPhotoshop、Gimpなどのファイルをブラウザで開いて編集できるオンラインフォトエディタ・「Photopea」
Photopea PhotopeaはSketch（.sketch）やPhotoshop(.psd)、Gimp(.xcf)などのファイルを開き、編集出来るツールです。ブラウザで動くオンラインツールなのでOSを問わず動作します。上図はsk...
シンプルなオートコンプリート実装スクリプト・「LightAutocomplete.js」
LightAutocomplete.js LightAutocomplete.jsはシンプルな自動補完機能実装スクリプトです。jQueryに依存します。非常にシンプルで、名前にもあるように軽量さを特徴としています。使い方も簡単で、スク...
inputで指定したパターン以外の入力を不可にするバニラなJavaScriptライブラリ・「imaskjs」
imaskjs imaskjsはinput入力の際、指定したパターン以外の入力を不可にするライブラリです。非依存型のバニラなスクリプトで他ライブラリを必要としません。また、必要な機能を追加するモジュール式となっているっぽいです。typ...
PCやスマフォで使えるパスワード管理ツール・「RememBear」
RememBear RememBearはWindows/Mac/iOS/Androidの他、ブラウザ拡張（現在Chromeのみ、FirefoxやSafariは準備中）にも対応したパスワードマネージャです。256ビット対応の暗号化でセキ...
3Dなスマフォのモックアップを作成できる・「threed.io」
threed.io threed.ioは3Dなスマフォのモックアップを作成できるジェネレーターです。よくあるSS合成ツールが3Dに対応している、みたいなもの。任意の画像をアップロードし、モニタに合成、好みの角度から見た状態の画像を作成...
ストックフォトやフォント、アイコン、カラースキームやチュートリアル等、Web制作に役立つツールやリソースを収集、公開している・「PinTab」
PinTab PinTabはWeb制作の際に役立ちそうな情報を収集しているキュレーションサイトです。ストックフォト、アイコン、フォント、PhotoshopやSkech、カラースキーム、プロトタイプやWordPress、Bootstra...
手軽に画像にパララックス効果を与えられるスクリプト・「simpleParallax」
simpleParallax simpleParallaxは手軽に画像にパララックス効果を与えられるスクリプトです。jQueryに依存します。本体を読み込んで画像をセレクタに指定すれば即反映されます。仕組みは、画像をtransfo...
商用でも無料で使えるフォントを定期的に紹介する・「WeeklyFonts.com」
WeeklyFonts.com WeeklyFonts.comは商用でも無料で使えるフリーフォントを定期的に紹介するWebサイトです。Myfonts.com、Fonts.com、Fontbros.com、Fontspring.com ...
複数ユーザーで共同作業も可能な、簡単に使えるシンプルなフローチャート作成ツール・「Wireflow」
Wireflow Wireflowは簡単に使えるシンプルなフローチャート作成ツールです。この手のツールの中でも特に手軽に作成できる印象でした。コンテナは既にデザインされたものを追加する簡易的なタイプですが、任意の画像をアップロードする...