Googleスプレッドシートをtable要素としてWebサイトに埋め込むスクリプト・「Sheetrock」
Sheetrock SheetrockはPublic設定されているGoogleのスプレッドシートを照会、取得し、table要素として任意のWebサイトに表示出来るスクリプトです。jQueryに依存しています。スプレッドシートの内容は選...
Resource - Webデザイナー向け
オープンソースのプロジェクト管理システム・「Taiga.Io」
Taiga.Io Taiga.IoはOSSとして公開されているプロジェクトマネジメントシステムです。既に沢山のプロジェクト管理ツールがあるものの、どれも仕様が肥大化し、自分好みのサービスが見つからない、という理由で等ソフトウェアを構築...
ドラッグ&ドロップにも対応のBootstrap向けWYSIWYGエディタ・「Azexo-Composer-WYSIWYG」
Azexo-Composer-WYSIWYG Azexo-Composer-WYSIWYGはD&Dによるコンテンツの配置変更等も可能なBootstrap向けのWYSIWYGエディタです。jQueryに依存しています。JSの動作やCSS...
シンプルで動作も軽いアンケートツール・「Tally」
Tally Tallyはシンプルで軽量なアンケートツールです。質問と選択肢を入力すると、自動でURLが発行されるので投票して欲しい相手に渡せばいいだけ。気軽に使えて良さそうです。 Tally
Photoshop内でFlickrから画像を検索できるプラグイン・「Pictura」
Pictura PicturaはPsでFlickrから画像を検索出来るプラグインです。直接Flickr上の任意の画像にアクセスし、配置する事が可能です。著作権フィルタの利用も出来るみたい。モックアップの作成時なんかには便利かもですね。...
BootstrapベースのUIキットをPSDとHTMLで配布する・「Drunken Parrot」
Drunken Parrot Drunken ParrotはBootstrapベースのフラットなUIキットを配布するOSSです。この手のものでは珍しくPSDとHTMLの両方を用意してくれています。ライセンスはCCとMITとの事です。動...
オープンソースとしても公開されているWebGLを使った3Dモデリングツール・「flood」
flood floodはOSSとして公開されている、WebGLを使った3Dモデリングツールです。スライダーと座標ツールをコードで繋いで数値を設定します。自分自身が使い慣れてないUIなのでうまく動かせませんでしたが、他の3Dモデリングツ...
SVGのシンプルなローディングアニメーション画像を手軽に作成出来る・「SVG Circus」
SVG Circus SVG CircusはSVGのスピナーをオンラインで作成出来るツールです。形状はシンプルですが、お手軽で良いですね。各エレメントのエフェクトを設定してExport SVGを押せばコードが発行されます。 SV...
1KB以下でオールドブラウザにも対応した軽量CSSフレームワーク・「Min」
Min Minは1KB以下で構成された軽量なCSSフレームワークです。（※圧縮した状態のサイズとなります）IE5.5などのオールドブラウザにも対応しているとの事・・・ですが、確認する術が自分には無いので未検証です。Bootstrapの...
Apple公式で配布されているiPhone6のデバイス素材・「Apple Product Images」
Apple Product Images Apple Product ImagesはApple公式で配布されているプロダクトイメージです。現行モデルの他にiPhone6も既にありました。ファイル形式はPSDとなっています。iOSアプリ...
シンプルで軽量なHTML5/CSS3フレームワーク・「Picnic CSS」
Picnic CSS Picnic CSSはシンプルで軽量なHTML5/CSS3のフレームワークです。RWDにも対応しています。まださほど見ていませんが、Hacker Newsでの議論で興味わいたのでメモ的に。今すぐでなくても将来的に...
有料のWordPressテーマを開発する為のフレームワーク・「Unyson Framework」
Unyson Framework Unyson FrameworkはTheme forest等で販売されているような有料テーマを作成するためのフレームワークです。テーマオプション機能やRWD対応、UIなどはある程度完成されており、それ...
任意の要素や要素間の幅等の距離をマウスホバーだけで計測出来るChromeエクステンション・「Dimensions」
Dimensions Dimensionsはマウスホバーのみで任意の要素内や要素間の距離等を図れるChromeエクステンションです。マウスホバーするだけなので融通が効かないケースもありますが、手軽で使いやすい印象でした。なかなかオスス...
カラフルなCSSグラデーションを作成出来る・「Colorful CSS Gradient Background Generator」
Colorful CSS Gradient Background Generator Colorful CSS Gradient Background Generatorは複数色を使ったCSSグラデーションを手軽に作成できるオープンソ...
美しいグラデーションカラーをまとめている・「uiGradients」
uiGradients uiGradientsは美しいグラデーションカラーをまとめているシンプルなWebサイトです。シンプルにグラデーションとCSSを纏めており、それ以上でも以下でも無いサイトです。単純ですがいいアイデアですね。インス...
最低限のものだけを用意したシンプルなフロントエンド開発向けフレームワーク・「BareKit」
BareKit BareKitは最低限のものだけを用意したシンプルなフロントエンド開発フレームワークです。開発の起点として利用されることを想定して作られたみたいですね。似たようなものはあるのでお好みで。ライセンスはMITとGPLのデュ...
Flexboxを使ったレイアウトを手軽に作成出来る・「Fibonacci」
Fibonacci FibonacciはFlexboxを使ったレイアウトを手軽に作成出来るOSSです。カラムを増やしてソースをコピペするだけのシンプルなもので、MITライセンスの下でソースが公開されています。使い方はすぐに分かると思い...
RWDにも対応の、Webサイトにコメントを入れて共有出来るWebサービス・「coment.me」
coment.me coment.meはWebサイトのSSを取って任意の箇所にコメントを入れて共有出来るWebサービスです。モニタサイズを指定出来るのでレスポンシブWebデザインにも対応可能です。URLを発行してくれるので修正箇所の的...
Photoshop内でFont Awesomeを使えるようにする・「Font Awesome PS」
Font Awesome PS Font Awesome PSはPhotoshopでFont Awesomeを使えるようにするエクステンションです。Adobeが投稿したものとは異なるエクステンションの様です。Photoshop CC ...
映画のシーンで使われた色を抽出し、カラースキームにしているプロジェクト・「The Colors Of Motion」
The Colors Of Motion The Colors Of Motionは有名な映画のシーンで使われたカラーを抽出し、平均色を割り出して公開しているプロジェクトサイトです。ハリーポッターやマトリックス、ブラックスワンなどいろ...
レスポンシブWebデザイン対応グラフ生成ライブラリ・「CHARTIST」
CHARTIST CHARTISTはRWD対応のチャートを作成出来るシンプルなライブラリです。SVGとCSSでアニメーションにも対応できるみたい。コンフィギュレーションをシンプルに保ちつつ、カスタマイズ性に優れ、デベロッパーフレンドリ...
非依存型の日付ピッカーライブラリ・「Rome」
Rome Romeは非依存型のデイト/タイムピッカーです。単体で動いてくれるのは有難いですね。カスタマイズ性もありそう。ライセンスはMITです。 Rome