Resource - Archives

Can I Use?のようにHTMLメールのタグ対応状況を各メールサービスで調査できる・「Can I email…」

Can I email… Can I email…は、Can I Useライクな使い方が出来るHTMLメールタグ対応状況調査ツールです。 HTMLメールで使えるタグは各メールサービスによって制限があったりなかったりして一貫性が無...

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

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

プライバシーにフォーカスし、BlockstackとOpenStreetMapで作られたGoogleマップ代替・「Arcane Maps」

Arcane Maps Arcane Mapsはプライバシーの保護に焦点を当てたGoogle代替のマップサービスです。BlockstackとOpenStreetMapが使われており、地図に使った個人情報、場所、検索履歴、お気に入りの場...
Ads

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

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

ブラウザでイラストを複数描いてGifアニメーションやmp4でダウンロードできるオープンソースのソフトウェア・「ANIMATE IT」

ANIMATE IT ANIMATE ITはブラウザでイラストを複数描いてGIFアニメやmp4の動画ファイルとしてダウンロードできるアニメーションドローツールです オープンソースとしてソースコードも公開されています。mp4には音...

React.jsによるアプリケーション開発の為のモジュール式UIコンポーネントライブラリ・「Chakra UI」

Chakra UI Chakra UIはReact.jsによるアプリケーション開発の為のUIコンポーネントライブラリです。モジュール式で必要なコンポーネントを必要な分だけ追加するタイプとなっています。 WAI-ARIAに準拠した...

Blockstackを使ったGithubやGitLab等の分散型代替アプリ・「GitHuman」

GitHuman GitHumanはBlockstackを使ったGithubやGitLab等の分散型代替ツールです。IPFSとIPLDを使ってgitリポジトリをホストするそうです。 リポジトリリンクは誰とでも可能で、Blocks...

プロジェクトが止まってしまっているSemantic UIからフォークされ、コミュニティによって開発が進められているUIフレームワーク・「Fomantic UI」

Fomantic UI Fomantic UIは、ある程度使用者が多いにもかかわらず、開発がほぼ止まってしまっているSemantic UIからフォークされて開発が進みだしたプロジェクトです。 プロジェクトサイトではコミュニティフ...

正規表現をクロスワード方式で遊びながら学べる・「Regex Cross­word」

Regex Cross­word Regex Cross­wordは正規表現をクロスワード方式で遊びながら学べるWebアプリです。最近目にしないけどゲーミフィケーションってやつでしょうか。 クロスワードといって日本でよく見る、文...

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

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

閲覧中のWebページの任意の要素のHTMLとCSSを選択してコードをjsfiddleのようなエディタで確認できるブラウザ拡張・「SnipCSS」

SnipCSS SnipCSSは閲覧しているWebページの任意の要素を選択すると、その要素に使われているHTMLとCSSを検出してjsfiddleのようなエディタで確認できるChromeエクステンションです。 ブラウザの...

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

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

スタートアップ企業のピッチデッキを収集しているギャラリーサイト・「Startup Decks」

Startup Decks Startup Decksはスタートアップ企業のピッチデッキを中心に収集しているギャラリーサイトです。 ピッチデッキはプレゼンのようなものですが、短めのコンテンツ紹介で、主に投資家向けに作られるスライ...

既存のコンテンツに統合出来るオープンソースのブログシステムフレームワーク・「Shaai」

Shaai Shaaiは既存コンテンツに統合可能なOSSのブログシステムフレームワークです。JS製、管理画面もありました。 プラグイン式に既存のWebサイトやアプリ等と統合し、ブログを構築できるのだそう。静的CMSなんかと相性良...

データが可視化された様々なチャートを探せるチャート専門検索エンジン・「Grafiti」

Grafiti Grafitiはチャート専門の検索エンジンです。任意のキーワードでさまざまなデータが可視化されたチャートを検索する事が出来ます。 チャートはデータを扱うStatistaやBloomberg、Wall Street...

スタートアップ企業向けに商用でもクレジット不要のランディングページテンプレートを提供する・「Shade」

Shade Shadeは予算に苦しむスタートアップ企業向けに無償提供されたLPテンプレートです。クレジット表記も歓迎はするけど必須ではないそうです。(この旨は同梱されているライセンスファイルに記載されています) 用意され...

Webページにドラッグでページスクロール可能なミニマップを生成するスクリプト・「pagemap」

pagemap See the Pen KKPqwER by kachibito (@kachibito) on CodePen. pagemapはWebページにドラッグでページスクロール可能なミニマップを生成するスク...

任意のSVGのstrokeやfillをアニメーションさせるWebアプリ・「SVG Artista」

SVG Artista SVG Artistaは任意のSVGにアニメーションエフェクトを付与するWebアプリです。 SVGのコードを貼るか、読み込ませると、コードを解析してCSSを作成、アニメーションさせてくれる、というもの。 ...

モダンで軽量なオープンソースのパスワードマネージャ・「Swifty」

Swifty SwiftyはOSSとして公開されているモダンで軽量なパスマネです。デスクトップアプリとして提供されています。 ユーザーIDやクレカ情報、メモなどを保存可能で、全てのデータはマスターパスワードで暗号化されて...

Markdownでドキュメントを書いてツリー形式で管理できる国産サービス・「Tree」

Tree TreeはMarkdownでドキュメントを書いてツリー形式で管理できる@sho_yamane氏による日本の国産サービスです。 マインドマップや情報の整理整頓、ストーリー構成やプランニングツールとしての利用を想定...

BootstrapベースでVueやReact、jQuery、Angularなど様々なライブラリに対応可能の、大量のコンポーネントを含んだダッシュボード/管理画面テンプレート・「Airframe」

Airframe AirframeはBootstrapベースのダッシュボードテンプレートです。BootstrapVueやng-bootstrapなどを使う事でVueやAngularなど様々なライブラリに対応できるとのことです。 ...

シンプルな統計付きのオープンソースなURL短縮ツール・「URL Shortener」

URL Shortener URL ShortenerはOSSのURL短縮ツールです。Reactベースでシンプルな統計機能付きです。 統計機能はデフォルトではURLのクリック数のみでユーザーに公開される仕様のようです。生成される...
Ads