任意のWordPressのテーマのスタイルをチェックできるテスト用データ・「WP Test」
WP Test WP Testは任意のWordPressテーマのスタイルをチェック出来るテストデータです。純正のユニットテストデータもありますが選択肢の一つとして。使い方は同じようにWPのインポート機能を使ってデータを入れればテスト用...
Resource - Webデザイナー向け
Sketch向けのフローチャートキット・「uxflow」
uxflow uxflowはSketchで使えるフローチャートのキットです。フローチャート作成に必要な要素が、3種のスタイルテーマ毎に用意されています。WebデザイナーやWeb開発者、プロジェクトマネージャの方がサイトマップ作成にかけ...
大量のメールマガジンを収集、検索出来る・「Discover」
Discover Discoverはさまざまなメールマガジンを大量に収集、自分好みのメルマガを探せるWebサービスです。テクノロジーやニュース、マーケティングなどさまざまな種類のメールマガジンを収集、探せるようになっています。僕も最近...
商用でも無償で使えるCC0ライセンスの写真を配布するストックフォトサイト・「NegativeSpace」
NegativeSpace NegativeSpaceは商用でも個人でも無償で使えるCC0ライセンスの写真を配布するストックフォトサイトです。サイト名のようにネガティブスペースを意識した写真のみを・・といった事ではなく、概念を意識して...
手軽で簡単、使いやすい国産の動画用モーダルウィンドウスクリプト・「modal-video.js」
modal-video.js modal-video.jsは手軽で簡単に動画をモーダルウィンドウです。jQueryに依存しています。開発元は国産CMSを開発するa-blog cmsの方。スクリプトとCSSを読み込み、任意の要素に用意さ...
任意の要素に表示/非表示時のアニメーションエフェクトを付与出来るスタイルシート・「tuesday」
tuesday tuesdayは任意の要素にアニメーションエフェクトを手軽に付与出来るスタイルシートです。上デモのように、CSSによるアニメーションエフェクトを、classを与えるだけでアニメーションによる表示、非表示が出来るようにな...
UberやLyftのような、配車サービスアプリを作成する為のOSS・「LibreTaxi」
LibreTaxi LibreTaxiはUberやLyftのような配車サービスアプリの為のOSSです。バッテリーにも優しい設計で多言語化にも対応しているようです。なにかと話題の両アプリですが、法律も関わってくる業種を扱うサービスになり...
任意の要素にマウスの動きに合わせてパララックス効果を表現出来るスクリプト・「Tilt」
Tilt Tiltは任意の要素にパララックス効果を与えられるスクリプトです。jQueryに依存しますので軽量なスクリプトとは言えないかもですが、本スクリプト自体は圧縮版で1.45kbほどのようです。オプションもいろいろ揃えられていまし...
Pinterest風でレスポンシブWebデザイン対応のレイアウトを作れてドラッグで位置移動やソートも出来るスクリプト・「MUURI」
MUURI MUURIはPinterestライクなレイアウトを構築出来るスクリプトです。MUURIという名はフィンランドの言葉で壁を意味するそう。レスポンシブWebデザインにも対応しており、任意のキーワードでソートも可能。Hammer...
地図と連動して任意のテキストや画像をスライド表示するスクリプト・「StoryMapJS」
StoryMapJS StoryMapJSは地図と連動して任意のテキストや画像をスライド式に表示できるスクリプトです。地図はOpenStreetMapが使われ、ストーリー形式でスライドを作成する事ができる、というもの。地図にはアイコン...
よく出来たHTMLメールを紹介するデザインギャラリー・「Really Good Emails」
Really Good Emails Really Good Emailsは出来の良い企業のHTMLメールを紹介するデザインギャラリーです。レスポンシブなHTMLメールを紹介しています。SSのみではなく、コードをCodePenで書いて...
スクロールに合わせてナビゲーションに現在地を明示するスクリプト・「Progress Nav」
Progress Nav Progress Navはスクロールとともにナビゲーションに現在地を明示するスクリプトです。上の動作サンプルのようにスクロールに合わせてナビゲーションに用意したバーが動いて現在地を教えてくれる、というもの...
レスポンシブWebデザイン対応の棒グラフ、折れ線グラフ、円グラフを作れる・「Pizza Amore!」
Pizza Amore! Pizza Amore!は様々なデバイスで折れ線グラフや円グラフ、棒グラフ等を表示出来るスクリプトです。Foundationを提供するZURBが開発、公開しています。マークアップは簡単なリストにカスタムデータ...
Bootstrapベースで作られたオープンソースの管理画面UIフレームワーク・「CoreUI」
CoreUI CoreUIはBootstrapベースのUIフレームワークです。レスポンシブな管理画面の基礎を用意してくれており、開発スピードを補うものとして公開されています。各コンポーネントも揃えられており、キレイめで見やすい印象でし...
レスポンシブなEメール向けのCSSフレームワーク・「Foundation for Emails」
Foundation for Emails Foundation for EmailsはRWD対応のHTMLメール用フレームワークです。名前の通り、多数の方に愛用されるCSSフレームワーク、Foundationを提供するZURBが公開...
ブラウザでSVGを編集、ダウンロード出来るWebサービス・「Vecteezy Editor」
Vecteezy Editor Vecteezy EditorはブラウザでSVGを編集、ダウンロード出来るWebサービスです。操作も簡単でわかりやすい印象です。本ツールは、無料のベクター素材を配布するvecteezyが提供しているWe...
さまざまなタイプのチャートの特徴や用途、目的など、使い方を解説してくれる・「Chartopedia」
Chartopedia Chartopediaはいろいろなタイプのグラフの使い方を解説してくれるWebサイトです。本サイトはインタラクティブなチャートライブラリを提供するAnyChartが公開した情報で、棒グラフや円グラフ、ドットチャ...
WordPressに関するツールやリソース等をコレクションしているキュレーションサイト・「WordPress Stash」
WordPress Stash WordPress StashはWordPressに関わるツールやリソース、テーマやプラグインの開発情報等をキュレーションしているWebサイトです。よくあるキュレーションサイトと同じ構造で、カテゴリに分...
小規模チームで使うことを想定したオープンソースのシンプルなWiki・「Matterwiki」
Matterwiki Matterwikiは小規模なチームで使うことを想定したシンプルなWikiソフトです。先発のWikiソフトは小さなチームで使うには複雑すぎて使いにくいと考え、少人数で使いやすいシンプルなWikiツールの設計を目指...
Photoshopのツールやリソースを公開する・「UberPlugins」
UberPlugins UberPluginsはPhotoshopのプラグインを紹介するWebサイトです。まぁいわゆるプラグイン販売サイトなんですが、無料のものもちらほらあったので紹介してみます。公開されているプラグインはアバター挿入...
BootstrapとUnderscoresを組合せたモバイルファーストなWordPressテーマフレームワーク・「UnderStrap」
UnderStrap UnderStrapはBootstrapとUnderscoresを組合せたモバイルファーストなWordPressテーマフレームワークです。UnderscoresはAutomattic社の社員さんが開発、公開してい...
Webページとして公開もできるjsfiddleライクなコードテストツール・「PLAYCODE」
PLAYCODE PLAYCODEはWebページとして公開もできるjsfiddleライクなコードテストツールです。jsfiddleのようにHTML、CSS、JavaScriptをブラウザで動作テストできる、というツールですが、本ツール...