Resource - シンプル

シンプルなテキスト言語でダイアグラムを書いてダウンロードできるWebアプリ・「Diagram.codes」

Diagram.codes Diagram.codesはシンプルな書き方でダイアグラムを作成、DL出来るWebアプリです 割と複雑めなフローチャートやシーケンス図など様々なダイアグラムを描くことができます というわ...

モックアップ等でダミーテキストを表現する為のSVGを作成出来る・「Wireframer」

Wireframer Wireframerはモックアップ等でダミーテキストを表現する為のSVGを作成できるシンプルなWebアプリです たまにインフィニティスクロールのローディング時での採用も見かけますね。テキストが表示されますよ...

Youtubeの埋め込みを高速レンダリングするスクリプト・「Lite YouTube Embed」

Lite YouTube Embed See the Pen dyyLzVd by kachibito (@kachibito) on CodePen. Lite YouTube EmbedはYoutubeのemb...
Ads

WordPress管理画面のカラースキームをプラグイン無しで任意の色にする為のコードを生成できる・「WordPress Admin Colors Generator」

WordPress Admin Colors Generator WordPress Admin Colors GeneratorはWP管理画面のカラースキームをプラグイン無しで作れるWebアプリです 実際にプレビューを見な...

Blockstackを使ったSNSサービス・「Socialli」

Socialli SocialliはBlockstackを使ったブロックチェーンベースのSNSです。Blockstackユーザー同士のクローズドなSNSという印象です 作ったリストやデータは自身で管理するので運営にさえ見ることは...

シンプルで使いやすくPWAにも対応したオンラインWebサイトビルダー・「8b」

8b 8bはシンプルで使いやすいオンラインのWebサイトビルダーです。直感的な操作でWebサイトを作成、公開する事が出来ます よくあるビルダーサービスですが、UIもまぁまぁ分かりやすく、PWAにも対応しています。ページも...

SketchやAdobe XD、Figmaなどのプラグインを大量に収集している・「Awesome Design Plugins」

Awesome Design Plugins Awesome Design PluginsはSketchやAdobe XD、Figmaなどのプラグインを大量に収集しているキュレーションサイトです 各プラグインはそれぞれアクセスビ...

Font Awesomeを線画アイコンにした1300以上のアイコンセット・「Line Awesome」

Line Awesome Line AwesomeはFont Awesomeを線画アイコンにしたアイコンのセットです。Font Awesomeのカタログ全体を対象に線画アイコンを作成したそうで、その数は1300を超える量となっています...

URLを入力すると、そのWebページの全体スクリーンショットを撮ってくれる・「Fullpagescreencapture.com」

Fullpagescreencapture.com Fullpagescreencapture.comはURLを指定すると、そのWebページの全体のスクショを撮ってくれるWebアプリです 普通に撮るだけならDevtoolsでいい...

定型文やスニペットを登録して任意のキーワードで即座に入力できるオープンソースのデスクトップアプリ・「Beeftext」

Beeftext Beeftextは定型文やスニペットコードなどを登録しておき、任意のキーワードで即座に呼び出せるOSSのデスクトップアプリです ブラウザは勿論、他のアプリケーションでも動作しますので端末における入力作業を簡略化...

unsplashの写真から自動でカラーパレットを作成している・「ImageHues」

ImageHues ImageHuesはunsplashの写真を元に自動でカラーパレットを作成しているプロジェクトサイトです Favorite機能以外、特に特別な機能は無いシンプルな仕様ですが個人的には割と好きでしたので備忘録と...

1000以上のシンプルな線画と色付きのアイコンをセットで配布する・「Milk Icons」

Milk Icons Milk Iconsは1000以上ものアイコンを配布するプロジェクトです。シンプルな線画と色付きが用意されています メールアドレスの登録が必要ですが、大量のアイコンを商用でも無料で利用可能となっています ...

分散型のプライベートストレージを備えた、ブラウザで動作する画像圧縮ツール・「Compress.Studio」

Compress.Studio Compress.Studioはブラウザで動作する画像圧縮ツールです。jpg、jpeg、png等に対応しています Blockstackと連携させる事で圧縮した画像をプライベートなストレージに暗号化...

200以上のアニメーションするアイコンを無料で配布する・「Animated Icons」

Animated Icons Animated Iconsは200以上のアニメーションするアイコンを配布するプロジェクトサイトです。 以前ご紹介したんですが、内容もライセンスも変わっていたので改めて こちらは音源配布サイト...

iCloudのようにデバイスから様々なデータやファイルを保存できる、Blockstackを使ったセキュアな分散型クラウドストレージ・「Dclouds」

Dclouds DcloudsはiCloudのようにデバイスから画像や連絡先データ、各ファイルなど様々なデータを保存、共有できるクラウドサービスです。基本的にはそれぞれのDappから保存する事を想定してるみたいです 他と...

Githubリポジトリを検索して内容をざっくり比較できるWebアプリ・「Github Comparator」

Github Comparator Github ComparatorはGithubのリポジトリを検索して複数リポジトリの内容をざっくり比較できるWebアプリです 上図のように一度検索したリポジトリを残し、別のリポジトリを再度検...

CSSによるアニメーションエフェクトの動作確認しながらコードをコピーできる・「CSS Animo」

CSS Animo CSS AnimoはCSSによるアニメーションエフェクトの動作確認しながらコードをコピーできるWebサイトです コードはクリックのみでクリップボードにコピーされるので気に入ったエフェクトをコピペするだけで使え...

シンプルなアンケートをBlockstackを使ったセキュアな環境で作成、管理できる・「SimpleForm」

SimpleForm SimpleFormはシンプルなアンケートを作成、共有して結果を管理できるWebアプリです。フォームは基本的にいくらでも作成できるようになっているみたい。 Blockstackを使っており、セキュア...

指定したWebページ内にあるリンクやボタン等のデフォルト時、ホバー時、フォーカス時のアクセシビリティチェックをしてくれる・「Button Contrast Checker」

Button Contrast Checker Button Contrast Checkerは任意のWebサイトのURLを指定すると、そのページ内にあるリンクやボタンなどのデフォルトの状態、マウスホバー時、フォーカス状態におけるカラ...

CSSデバッグを少し手伝ってくれる小さなスクリプト・「debugCSS.js」

debugCSS.js debugCSS.jsはCSSのデバッグ作業を少しだけ手伝ってくれる小さなスクリプトです。サイズは非圧縮でも1kb、圧縮版は600バイトほどです。 何をしてくれるかは上サンプルの通り、要素にアウトラインを...

Blockstack上に構築された、手数料が0円のKickstarter代替サービス・「Crowdraise」

Crowdraise CrowdraiseはBlockstack上に構築されたKickstarter代替のクラウドファンディングサービスです。 いわゆるブロックチェーン技術を使ったセキュアなサービスを目指しているとの事。利用...

実際に使用した風のUIを確認できるカラーパレットジェネレーター・「Muzli Colors」

Muzli Colors Muzli Colorsは実際に使用した風のUIを確認しながらカラーパレットを作成できるカラースキームジェネレーターです。写真をアップロードしてカラーパレットを自動生成する事も可能です。 以前ご...
Ads