JavaScriptで作られたSVG背景パターン作成ツール・「Dynamic SVG Background Pattern Maker」
Dynamic SVG Background Pattern Maker See the Pen Dynamic SVG Background Pattern Maker by Dudley Storey (@dudleystorey) ...
Resource - Webディレクター向け
スタートアップの際に役立ちそうなツールやリソースのリストをまとめている・「Startup Hand」
Startup Hand Startup Handはスタートアップの際に役立ちそうなツールやリソースをまとめているWebサイトです。以前ご紹介したStartup Resourcesとほぼ同等のものですね。スタートアップ時はするべき事が...
任意の画像からよさ気な部分を自動で切り取るスクリプト・「smartcrop.js」
smartcrop.js smartcrop.jsは任意の画像からよさ気な部分を自動で切り取るスクリプト。訳わからんですね。まともな説明が思いつきませんでしたすみません。指定されたサイズの範疇で、画像からさも良さそうに見える構図で自動...
動画を元に、AIによる自動作曲とその音源のダウンロードが出来る・「Jukedeck 」
Jukedeck Jukedeckは任意の動画からAIによる自動作曲をしてくれるWebサービスです。作曲された音源はダウンロードする事も可能です（無料プランは5曲まで）。例えば製作中のゲームを動画に撮って、自動作曲してもらう、とかも...
ブラウザでSwiftのコードを実行、動作テスト出来る・「IBM Swift Sandbox」
IBM Swift Sandbox IBM Swift SandboxはWeb上でSwiftのコードを実行出来るツールです。jsfiddleみたいな使い方でいいので簡単ですね。名前にもあるようにIBMのSwift関連のプロジェクトの内...
年表などのタイムラインUIを構築する為のライブラリ・「Labella.js」
Labella.js Labella.jsはタイムライン作成ライブラリです。上図のようなライン上にポイントとラベルを実装する事が出来る、というもの。ラベルは重なること無く他のラベルを避けてレイアウトしてくれます。なかなか良いのでは。ラ...
任意のWebサイトのCSSから簡易的なスタイルガイドを作成するChromeエクステンション・「SNATCHR」
SNATCHR SNATCHRは任意のWebサイトのCSSをパースして簡易的なスタイルガイドを作成するChrome拡張です。背景カラー、テキストカラー、見出しに使われているフォントファミリーやサイズスタイルを割り出してスタイルガイドの...
アカウント登録不要のシンプルなファイル共有サービス・「dewdrop.io」
dewdrop.io dewdrop.ioはユーザー登録不要のファイル共有サービスです。ドラッグ＆ドロップでアップロードが可能で時間も高速です。アップすれば共有の為のURLが発行されるので、それを相手に教えればいいだけ、というもの。た...
cssのflexboxを遊びながら学べるツール・「FLEXBOX FROGGY」
FLEXBOX FROGGY FLEXBOX FROGGYはflexboxをゲームで遊びながら学べるツールです。カエルをflexboxプロパティを使用して葉の上に持っていければOKというシンプルなもの。24レベルまで用意されています。...
SVGで世界地図を作成する為のスクリプト・「World Map Generator」
World Map Generator World Map GeneratorはSVGで世界地図を作成する際にサポートしてくれるスクリプトです。jQueryに依存しています。各国へのリンクや、その地域のタイムゾーンを取得する事が出来る...
商用でも利用可能な紙のテクスチャを多数配布する国産サイト・「Paper-co」
Paper-co class="resource_links" Paper-coは紙のテクスチャを配布する国産のWebサイトです。商用でも無料利用可能で数も相当揃っている印象でした。pngとjpgが用意されています。詳しいライセンスは...
Flexboxを使ったCSSグリッドシステム・「Gridlex」
Gridlex GridlexはFlexboxを使ったシンプルなCSSグリッドシステムです。親要素と子要素に特定のclassを追加して利用するみたいです。非常に簡単なものですが、シンプル故にカスタマイズしやすいかも。カラム数は.gri...
超シンプルな棒チャート作成ツール・「Chartico」
Chartico Charticoはシンプルな棒チャート作成ツールです。非常にシンプルなもので、タイトル、サブタイトル、棒グラフの数値やグラフの数を増やす、ラベルテキストの設定しか出来ません。作成されるグラフも画像のみで、URLが発行...
embedにも対応しているストックフォトサイト・「Visual Hunt」
Visual Hunt Visual Huntはembed可能なストックフォトサイトです。配布されている写真素材の多くはCC0で商用でも自由に利用する事が出来るだけでなく、本サイトでホスティングされている素材を直接利用する事も出来ます...
店舗等の予約システムを実装する為のスクリプト・「Booking.js」
Booking.js Booking.jsは店舗等のオンライン予約システム構築のためのスクリプトです。OSSとして公開されていますので日本語への対応も問題なさそうです。カスタマイズ性も重視してるそうです。宿泊施設や飲食店、サロン等に留...
レスポンシブな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などに関わるデベロッパー、デザイナー向け...
モーショングラフィックスを構築する為のスクリプト・「mo.js」
mo.js mo.jsはWeb上でモーショングラフィックスを作成出来るOSSのスクリプトです。滑らかなアニメーションエフェクトでエレメントに動きを加え、組み合わせてモーショングラフィックスの構築をサポートする、というもの。デバイスを選...
Sketchでスマフォのプロトタイピングを可能にするプラグイン・「Silver」
Silver Silverはスマフォのプロトタイプ作成をSketchで出来るようにする為のプラグインです。機能を見る限り、なかなか高機能なプラグインのようですね。作成したプロトタイプは作成途中でも使用中のPCにモバイルデバイスを繋げて...
パズルを利用したCAPTCHA実装の為のスクリプト・「PuzzleCAPTCHA.js」
PuzzleCAPTCHA.js PuzzleCAPTCHA.jsはパズルを利用したCAPTCHA実装の為のスクリプトです。jQueryに依存しているようです。パズルと言っても実際にパズルを解くのではなく、同じ絵柄を選択する、というだ...
Semantic UIユーザー向けのリアルタイムプレビューツール・「SemanticEdit」
SemanticEdit SemanticEditはSemantic UIを使用している開発者向けのプレビューツールです。HTMLを書けばSemantic UIのスタイルが適応された状態のプレビューをリアルタイムで確認する事が出来ます...