Resource - Archives

Webサイトのナビゲーション、メニュー等のチュートリアルやコードをTumblrで収集する・「navnav」

navnav navnavはCSSやjQuery等で作られたナビゲーション、メニュー等のチュートリアルやコードが書かれたWebページを集めているTumblrのサイトです。ちょっと目を引くようなナビゲーションが揃っている印象でした。コン...

Githubからフォントのみ検索、ダウンロードできる・「Get the Font」

Get the Font Get the FontはGithubに置かれているファイルからフォントファイルのみを検索できるツールです。シンプルに任意のキーワードで検索してダウンロード出来るだけの機能しかなく、プレビュー等も出来ませんの...

GithubやBitBucketでホストされている任意のHTMLファイルをプレビューするブックマークレット・「HTMLPreview」

HTMLPreview HTMLPreviewはGithubやBitBucketで各ユーザーに公開されているHTMLファイルをプレビューする為のブックマークレットです。例えば、本ブックマークレットがGithubで公開されているソースコ...
Ads

CSSのみで棒グラフを作るためのチャートシステム・「chart.css」

chart.css chart.cssはCSSのみで棒グラフを作成する為のCSSチャートシステムです。上図のようなシンプルな棒グラフのみ作成可能となっています。用意されたclassやカスタムデータ属性によってパーセンテージの表示、太さ...

EvernoteやVine、Twitterなど、100以上の有名なWebサービスのブランドロゴをSVGアイコンとして公開する・「Simple Icons」

Simple Icons Simple Iconsは日本でもおなじみのEvernoteやTwitter、Facebookなどなど有名なWebサービスのロゴのSVGアイコンセットです。現在137のアイコンが用意されています。よく見かける...

Dribbbleに投稿したアイテムでポートフォリオを作れるスクリプト・「Dribbbox」

Dribbbox DribbboxはDribbbleに投稿したアイテムを読み込んで自身のWebサイトにポートフォリオとして実装する為のスクリプトです。同梱されたconfig.jsを自分のDribbbleアカウントに設定する形で実装する...

手軽にランディングページの作成、公開が出来る・「ONTRApages」

ONTRApages ONTRApagesは手軽にランディングページ、ペラページの作成、公開が出来るWebサービスです。よくある、直感で作成出来る的なものですが、無料プランでも割と使えそうなので需要あるかなと思ってメモ的に。用意されて...

任意の画像をプログレスバーにする為のスクリプト・「LoadGo」

LoadGo LoadGoは任意の画像をプログレスバーにする為のスクリプトです。jQueryに依存しています。上図のようなロゴを使ったプログレスバーを実装する事が出来ます。手軽で良さそうですね。ライセンスはMIT。 LoadGo

10分間が有効時間の、超シンプルなファイル共有サービス・「10minutestorage」

10minutestorage 10minutestorageは10分間だけ有効なファイル共有サービスです。共有する為のURLには例えば10minutestorage.com/grape.station.sweaterというように3つ...

Basecamp製のシンプルなWYSIWYGエディタ・「Trix」

Trix Trixはプロジェクト管理ツールを運営するBasecamp社製のシンプルなインターフェースのWYSIWYGエディタの為のライブラリ。毎日使ってもストレス無く、WYSIWYGエディタでモバイル向けを含むWebブラウザ間にバグが...

高速で軽量なファイルベースのオープンソースCMS・「Morfy」

Morfy Morfyは高速で軽量、シンプルなファイルベースのCMSです。OSSとしてソースコードが公開されています。Markdownでコンテンツを更新する形のようですね。動作にはPHP 5.3以上、Apacheでmod_rewrit...

シンプルで高速なオンラインブックマークサービス・「booky.io」

booky.io booky.ioはシンプルさとパフォーマンスを重視したオンラインブックマークサービスです。高速なブックマークと検索が可能、との事。最近ローンチされたっぽいですね。今更サービス乗り換えというのも正直アレですが、完全無料...

Swift製のiOS向けオープンソースライブラリをまとめている・「iOS Cookies」

iOS Cookies iOS CookiesはSwift製のOSSなライブラリを手作業でキュレーションしているまとめサイトです。大きくUI、チャート、アニメーション、ネットワーク等のカテゴリに分けられていますので迷うこと無く探せると...

オープンソースのSlackクローン・「Mattermost」

Mattermost Mattermostはオープンソースで公開されているSlackクローンです。セルフホスティングでSlackライクなチャットツールを構築する事ができる、との事。GoとReactで書かれているみたいですね。ライセンス...

シンプル設計なBootstrapベースの管理画面テンプレート・「Light Bootstrap Dashboard」

Light Bootstrap Dashboard Light Bootstrap Dashboardはライト設計な管理画面テンプレート。Bootstrapベースとなっています。既にたくさんのテンプレートが世に出回っていますのでアレで...

日本語入力で大量の無料ストックフォトサイトを横断検索できる・「O-DAN(オーダン)」

O-DAN(オーダン) O-DAN(オーダン)は世界中のストックフォトサイトから無料の写真素材を日本語で横断検索出来るWebサービスです。日本語を入力すると自動で機械翻訳し、各ストックフォトサイトの検索窓に投げる、という仕組みっぽいで...

シンプルな国産のプロトタイピングツール・「PLOGLESS」

PLOGLESS PLOGLESSは国産のシンプルなプロトタイピングツールです。直感的にマウス操作でモックアップ等の作成が可能です。国産なので言語の壁に悩むこともなさそうですね。プレビュー機能やQRコード発行等の機能も揃えられています...

Sketchに関するリソースやTips、チュートリアル等の情報をまとめているSketch用ニュースサイト・「SketchNews.co」

SketchNews.co SketchNews.coはSketchに関する様々な情報のキュレーションサイトです。ニュース形式でリソースやTips、チュートリアル、プラグイン、ツールなどの情報を日々紹介してくれています。Sketchユ...

画像がメインコンテンツのWebサイト向けの静的サイトジェネレーター・「Expose」

Expose Exposeは画像をメインコンテンツとするWebサイト向けの静的サイトジェネレーターです。動画にも対応してるみたい。ポートフォリオやプロダクト、サービス紹介ページ等だと便利に使えそうですね。CMSだとオーバースペックな時...

軽さを意識したシンプルなCSSフレームワーク・「Kickstart」

Kickstart Kickstartは軽さを重視したCSSフレームワークです。元々はKickstrapという名でBootstrapの拡張ツールだったそうですが、Ver.3で完全に独立したCSSフレームワークになったとの事です。Boo...

オープンソースの国旗アイコン集・「FlagKit」

FlagKit FlagKitはOSSで公開されている国旗アイコン集です。スマフォアプリにも使えるようにしてあるみたいですね。シンプルで使いやすそうですが、全世界の国旗に対応してるかはまだ調べてないです。ライセンスはMIT。 F...

フリーで配布されているFacebookのデザイナー作のリソースコレクション・「Facebook Design Resources」

Facebook Design Resources Facebook Design ResourcesはFBのデザイナーが公開しているフリーのリソース集です。モックアップ素材やスマフォ向けのUIキットなどを中心にMediumでの経験則...
Ads