Resource - Archives

レスポンシブなHTMLメールを手軽に作れるWebサービス・「MailDeveloper 」

MailDeveloper MailDeveloperは手軽にレスポンシブWebデザインに対応したHTMLメールを作成出来るWebサービスです。一昔前に比べてHTMLメールもかなり浸透してきましたが、その背景にはスマフォの普及もあるか...

HTML5製の軽量で高速な2Dゲームエンジン・「Stage.js」

Stage.js Stage.jsはHTML5製の軽量且つ高速な2Dゲームエンジンです。シンプルな2Dゲーム開発をサポートしてくれます。デモを触ってみましたが、割とはまってしまうものですね・・・DOMライクなツリー構造のデータモデルの...

iOSやOS X向けのアプリやUI、ライブラリ等のリソースをキュレーションしている・「iOSUp」

iOSUp iOSUpはiOSやOS X向けのアプリケーションやUI、スクリプト、チュートリアルなどのリソースやツールをキュレーションしているWebサイトです。MacやiPhone、iPadなどに関わるデベロッパー、デザイナー向け...
Ads

モーショングラフィックスを構築する為のスクリプト・「mo.js」

mo.js mo.jsはWeb上でモーショングラフィックスを作成出来るOSSのスクリプトです。滑らかなアニメーションエフェクトでエレメントに動きを加え、組み合わせてモーショングラフィックスの構築をサポートする、というもの。デバイスを選...

Sketchでスマフォのプロトタイピングを可能にするプラグイン・「Silver」

Silver Silverはスマフォのプロトタイプ作成をSketchで出来るようにする為のプラグインです。機能を見る限り、なかなか高機能なプラグインのようですね。作成したプロトタイプは作成途中でも使用中のPCにモバイルデバイスを繋げて...

タイポグラフィを愛してやまない人の為の写真投稿型SNS・「Fontli」

Fontli Fontliはタイポグラフィを愛する人のための写真投稿型コミュニティサイトです。typoholics(タイポグラフィ狂)の集まるSNSで、ふと見かけた良いタイポグラフィを写真に撮って投稿して共有しあうのが目的だそう。基本...

パズルを利用したCAPTCHA実装の為のスクリプト・「PuzzleCAPTCHA.js」

PuzzleCAPTCHA.js PuzzleCAPTCHA.jsはパズルを利用したCAPTCHA実装の為のスクリプトです。jQueryに依存しているようです。パズルと言っても実際にパズルを解くのではなく、同じ絵柄を選択する、というだ...

Semantic UIユーザー向けのリアルタイムプレビューツール・「SemanticEdit」

SemanticEdit SemanticEditはSemantic UIを使用している開発者向けのプレビューツールです。HTMLを書けばSemantic UIのスタイルが適応された状態のプレビューをリアルタイムで確認する事が出来ます...

OS XのFinderライクな階層データ表示の為のスクリプト・「Finder.js」

Finder.js Finder.jsはMac OSのFinderのカラムビューライクな階層データ表示用スクリプトです。上記のようなファイルマネージャのUIを実装する事ができる、というもの。依存関係もなくサイズも軽量との事。ライセンス...

スタートアップの際に役立ちそうなツールやリソースをまとめた・「Startup Resources」

Startup Resources Startup Resourcesはスタートアップの際に役立ちそうなツールやリソースをキュレーションしているWebサイトです。中には日本では意味のないツールも含まれますが、いずれ何かの発見に繋がるか...

線のみで作られたシンプルなラインアイコンフォント・「Lightwing」

Lightwing Lightwingは線で作られたシンプルなアイコンフォントです。60程度ですが汎用的なアイコンは揃っている印象です。フォントだけでなくAIファイルも同梱されていますのでSVGで使う事も出来そうです。が、ライセンスの...

動作軽量で美しいインターフェースのWindows用のフォントマネージャ・「FontBase」

FontBase 綺麗なインターフェースで動作軽量なフリーのフォントマネージャ、FontBaseのご紹介。Win用のソフトウェアになります。起動も早く、それなりに機能も充実していて使いやすい印象でした。対応OSはWindows7以上と...

Webサイトに任意のユーザー用のショートカットキーを設定できるスクリプト・「visualKeys」

visualKeys See the Pen PPxEdN by kachibito (@kachibito) on CodePen. visualKeysはWebサイトに任意のショートカットキーを手軽に割り当てられるスクリプト...

CSSのブレンドモードとフィルターを組み合わせて動作テストできる・「FilterBlend」

FilterBlend FilterBlendはCSSのbackground-blend-modeとfilterプロパティを組み合わせて動作テスト出来るツールです。任意の画像をアップロードしてblend-modeを設定し、filter...

Dropbox製のオープンソースSCSSフレームワーク・「Scooter」

Scooter ScooterはDropboxが提供するOSSのSCSSフレームワークです。Dropbox向けに開発した基本スタイルのSCSS及びUIフレームワークをオープンソースとしてもユーザーに公開しているようです。スタイルに関し...

料理やその材料を専門としたフリーストックフォトサイト・「FoodiesFeed」

FoodiesFeed FoodiesFeedは料理やその材料を専門とした写真素材配布サイトです。少し加工されているのでアレですが、クオリティは高くライセンスも再販売だけしないでほしい、後は自由に、といった緩めのライセンスで使いやすい...

SVGのパスをアニメーションにする為のシンプルなスクリプト・「jQuery DrawSVG」

jQuery DrawSVG jQuery DrawSVGはSVGのpathにアニメーションエフェクトを付与する為のスクリプトです。jQueryに依存しています。書いたpathにstroke-dasharrayプロパティとstroke...

CC0の高品質な写真を提供するUnsplashが公開したシンプルなAPI・「Unsplash Source」

Unsplash Source Unsplash SourceはCC0の高品質な写真を提供するUnsplashが公開した写真埋め込み用APIです。以前ご紹介したダミー画像の為のサービス・Unsplash Itよりも応用が効ききそうです...

Vue.jsベースのモバイル向けUIフレームワーク・「VUI」

VUI VUIはVue.jsベースのモバイル向けUIフレームワークです。iOS、Android、Windowsモバイルといった各モバイルデバイスのネイティブUIライクなコンポーネントを提供しているとの事。HTML属性をバインドする為の...

任意の画像をアップロードするとCSSに変換してくれる・「img2css」

img2css img2cssは任意の画像をアップロードするだけでCSSに変換するツールです。アップロードされた画像をパースして色や形状をCSSのみで実装、コードを提出してくれます。用途は正直な所、思い浮かびませんが、技術としては凄い...

ランダムでカラーパレットを新しく開いたタブに表示してくれるChromeエクステンション・「Color Tab」

Color Tab Color Tabは美しいカラーパレットを新規タブにランダムで表示してくれるChrome拡張です。カラーパレットはColor Huntに投稿されたパレットからランダムに選ばれて表示されるようになっています。シンプル...

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

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