Resource - Archives

Vue.jsベースのinstagramクローン・「Vuestagram」

Vuestagram VuestagramはVue.jsをベースにして作られたinstagramクローンです。クローンと言っても完全再現ではありませんが、写真にフィルター、アップロード、Like等、instagramの中心的な機能は備...

スマフォ等の傾きに応じてコンテンツに反射効果を付与するスクリプト・「Shiny」

Shiny Shinyはスマフォ等の傾きに応じてコンテンツに反射効果を付与するスクリプトです。モバイルデバイスで加速度センサーの値を取得し、コンテンツにリフレクションエフェクトを付与する、というもの。上gifはデスクトップブラウザのシ...

オープンソースのコラボレーションメモツール・「wolkenkit-boards」

wolkenkit-boards wolkenkit-boardsはオープンソースのコラボレーションメモツールです。複数ユーザー間で付箋ライクなメモコンテンツを共同管理できる、というもの。UIは少し異なりますがTrelloライクな使い...
Ads

無償で使える高品質な画像を公開するストックフォトのアグリゲーターサイト・「Pixel Mob」

Pixel Mob Pixel Mobは無償で使える高品質な写真素材を提供するストックフォトで公開されている写真を複合して閲覧できるアグリケーターサイトです。Pixabay、Unsplash、Pexels、Stockvaultなどの4...

印刷用の方眼紙や楽譜、ノート等を作成できる・「Gridzzly」

Gridzzly Gridzzlyは印刷用の方眼紙や楽譜、罫線ノートなどを、作成できるシンプルでユニークなWebサービスです。わざわざ買いに行かなくても自分好みのものを作成、必要な分だけ印刷すれば効率的だよね、みたいなコンセプトなんだ...

静的Webサイト構築の為のより良いワークフローを提供するオープンソースのBoilerplate・「Static Site Boilerplate」

Static Site Boilerplate Static Site Boilerplateは静的Webサイト構築の際のワークフローを提供するOSSのBoilerplateです。開発環境を整えたり、各ファイルの最適化、Webサイト公...

公開されているAPIを探せる・「PUBLIC-APIS UI」

PUBLIC-APIS UI PUBLIC-APIS UIは無料で使える公開APIを探せるハブサイトです。主にソフトウェア、Web開発向けの公開APIを収集しているようです。殆どWeb APIみたいですね。キーワードで検索できるほか、...

Gitコマンドを目的から調べられるシンプルなサービス・「Git Explorer」

Git Explorer Git ExplorerはGitコマンドを目的から探せるシンプルなWebサービスです。I want to:に続き、目的を選択すればコマンドが表示、コピーする事が出来ます。特別な機能は特にないんですが、まぁある...

three.jsよりも軽量なJavaScript 3Dライブラリ・「Shree.js」

Shree.js Shree.jsは3D描画ライブラリの代表ともいえるthree.jsよりも軽量な3Dライブラリです。豊かな機能性の代償にサイズが大きくなりがちですが、もう少し機能を抑えても良いので軽くしてほしい、というニーズは少なく...

HTMLメール用の署名をプレビューを見ながら作成できる・「MySigMail」

MySigMail MySigMailはHTMLメール用の署名をプレビューで確認しながら作成できる署名ビルダーです。メール末尾によく用いられる、いわゆるSignatureを作れる、みたいなやつです。 以下はサンプル。 ...

様々な企業やWebサービス等のブランドSVGロゴを探せる・「Vector Logo Zone」

Vector Logo Zone Vector Logo Zoneは様々な企業ブランドのロゴをSVGで検索できるWebサービスです。現在でも1000以上のロゴから検索出来るようになっています。また、Wikipedia等から探せるように...

Webサイトに訪問したユーザーの行動を記録し、再生できるライブラリ・「rrweb」

rrweb rrwebはWebサイトに訪問したユーザーの行動を記録、再生する為のWebセッションリプレイライブラリです。主に行動分析やバグの再現によるフィードバック向上、Webサイト上におけるユーザーとの対話(チャット等)の記録などを...

任意のWebページのテキストを読みやすく、見やすくしてくれるChrome拡張・「Clearly」

Clearly Clearlyは任意のWebページのテキストを読みやすくしてくれるChromeエクステンションです。上SSは昨日の記事ですが、広告やメニュー等が非表示となり、テキストがセンターに、左ペインには見出しに対して自動でページ...

任意のWebサイトのシンプルなスクリーンショットをフレーム付きで撮れる・「Screen Guru」

Screen Guru Screen Guruは任意のWebサイトのSSを撮影できるツールです。SSはブラウザ枠への合成もへこうして行われ、背景の有無の設定やブックマークレットの利用も可能です。よく見かけるブラウザ拡張機能のように性能...

flexboxベースの軽量なCSSマイクロフレームワーク・「Strawberry」

Strawberry Strawberryはflexboxベースの軽量なCSSフレームワークです。圧縮版で30kbほどのようです。グラフィックに関わるスタイルは無く、各classにはプリフィクスが付いているので既存CSSに組み込んでも...

Webでファイルを管理するためのOSS・「File Browser」

File Browser File BrowserはWebでファイルを管理するためのソフトウェアです。ファイルの作成、編集、コピー、移動、ダウンロードが可能なセルフクラウドとしての利用を目的としているのだそう。Goで書かれています。他...

様々なWebアプリ等のwelcomeメールやthank youメールなどの内容をまとめている・「Just Good Copy」

Just Good Copy Just Good Copyは様々なWebアプリでユーザー登録後に送るメッセージ等の内容をまとめているWebサイトです。他にも謝罪の文章やメンテナンスの知らせなどいろいろ。スタートアップ向けでしょうか。ユ...

かわいいイラストのオープンソースな絵文字プロジェクト・「OpenMojis」

OpenMojis OpenMojisはかわいいイラストのオープンソースの絵文字プロジェクトです。かなり大量の絵文字アイコンが作成、公開されています。ブラウザで対応されたアイコンでも十分ですし、ライセンスもCC BY-SA 4.0なの...

RedditのようなコミュニティWebアプリを構築する為のOSS・「RoRdit」

RoRdit RoRditはHacker NewsやRedditのようなコミュニティWebアプリをを構築するためのソフトウェアです。1つのリンク先についての議論スレッドが作られる、みたいなの。バックエンドはRuby on Rails、...

シンプルで高速なパスワードジェネレーター・「Getpass」

Getpass Getpassはシンプルで高速なパスワードジェネレーターです。特別な機能はなく、通常のものと強力なものの選択が可能で、クリックするたび生成されます。軽くて余計な機能も無いので個人的には嫌いではありませんが、個人的にはD...

ミニマルを意識しつつ、出来る限り使いやすいCSSフレームワークを目指した・「boba」

boba bobaはミニマル設計を意識しつつも、必要最低限ではなく、出来る限り使いやすさを追求した、バランスの取れたCSSフレームワークです。有名なCSSフレームワークは肥大化しすぎ、敬遠したフレームワークはミニマルすぎる等、世にある...

直感的に使える高性能で無料なオンラインプロトタイピングツール・「Draftium」

Draftium Draftiumは直感的でわかりやすいプロトタイピングツールです。ブロックの追加等を行い、ブロックごとにテキストや画像等を編集するタイプ。編集ツールも非常に分かりやすく、アニメーションエフェクトなども設定可能です。ま...
Ads