Google Mapのカラー見本とコードをまとめている・Snazzy Maps
Google Mapのカラー見本と、変更する為のコードをまとめているWebサイト・Snazzy Mapsのご紹介です。Webデザインに合わせてGoogle Mapのデザインも変更しておきたいですね。
ギャラリー
ギャラリー化も可能な、画像をズームさせるjQueryプラグイン・Zoomer
便利そうだったのでメモ。イメージズーマーです。複数の画像がある場合は、自動でギャラリー化、それぞれの画像をズームする事もできます。ECサイトに良さそうですね。
Googleのスプレッドシートをデータベースのように利用出来るようにするスクリプト・Sheetsee.js
Googleのスプレッドシートをデータベースのように利用出来るようにするスクリプト・Sheetsee.jsのご紹介。シートを元にグラフや地図などを作成出来るみたいです。
500px.comライクな写真共有サービスを構築できるオープンソースのソフトウェア・photographer-io
photographer-ioは、写真共有サイトを構築できるOSSです。500px.comのようなレイアウトや機能が備わっています。Rubyで作られているみたいですね。
高品質なWordPressの有料/無料テーマをひたすらまとめている・Themegraphy
コメントで教えて頂いたのでご紹介。素敵なWordPressテーマを紹介するサイト。無料と有料がありますので結構な数になっています。見てるだけでもインスピレーションが向上しそうですね。
自身のポートフォリオ用Webサイトを手軽に作成出来るWebサービス・Dunked
ポートフォリオを作成出来る、というWebサービス・Dunkedのご紹介です。レスポンシブWebデザインにも対応していますので、出先からスマフォやタブレット等で自分の作品を相手に見せることも出来ますね。
その日あったニュースをアイコンのデザインで伝えるニュースサイト・icons times
ユニークなサイトがあったのでご紹介。その日あったニュースをアイコンのデザインで伝える、というニュースサイト・icons timesです。アイコン作成のヒントになる・・かもしれない。
Webアプリやスマフォアプリの紹介用に作成、配布されているフリーTumblrテーマ・AppBlog
Webアプリやスマフォなどのアプリを紹介するために作られたTumblrのテーマ・AppBlogのご紹介です。Tumblrはテーマが豊富ですが、こういったブログ形式のテーマはあまり見かけないので貴重かもですね。
Dribbbleで無料配布されているリソースだけをまとめたWebサイト・Freebbble
Dribbbleで公開されているフリーのリソースをまとめているWebサイト、Freebbbleのご紹介です。ライセンスはそれぞれ異なるので、必ずご確認をしてからご利用下さい。責任は負いかねます。
フォームやボタンなど、良く使われるエレメントのスタイルも揃ったCSS3+HTML5フレームワーク・Workless
一式揃ったCSS/HTMLフレームワーク・Worklessのご紹介です。テーブルやボタン、フォームなどなど、Webサイトでよく使われるエレメントのスタイルも用意されています。シンプルで良さそうです。
Facebookページの投稿を表示するボックスを実装するjQueryプラグイン・Facio
Facebookページの投稿を任意のWebサイトに表示するjQueryのプラグイン・Facioのご紹介です。公式のが嫌、という方はこちらをご利用になってみては如何でしょうか。
良質なWebデザインのサイトを厳選して収集したギャラリーサイト・Site Inspire
土曜日なので軽い話題でも。よく あるWebデザインのギャラリー サイトです。厳選して収集してい るそうですよ。インスピレーショ ン向上用の回り先の一つとして いかがでしょう？
スワイプ操作に対応したイメージスライダーを実装するスクリプト・Swiper
タッチデバイスのスワイプ操作に 対応したイメージスライダーの ご紹介。ありそうであまり見かけ ないので一応備忘録・・・イメー ジスライダーと書きましたが、 基本何でもいけるみたいです。
優れたUXのスマフォアプリのスクリーンショットを紹介するギャラリーサイト・UX Archive
優れたUXのスマフォ向けアプリ のスクショを紹介するデザイン ギャラリーサイト・UX Archive のご紹介。数はまだ多くは無い ですけど、スクショの数が多い ので参考になりそう。
CSSを使ったタイポグラフィ例を収集、コードも確認できるギャラリーサイト・typespiration
CSSによるタイポグラフィ例を収集しているギャラリーサイトのご紹介です。英語圏のサイトなので日本語はまた別ではありますが、これはこれで参考になるかと思います。まだ数が少ないので今後に期待。
スライド時にキャプション等のテキストを遅延表示させる事が出来るイメージスライダー・ayaSlider
キャプション等のテキストがスライド時に遅延して表示させる、という演出が可能なイメージスライダーのご紹介。上手く説明できないのでデモをご覧頂ければと思います。
フルスクリーンにイメージギャラリーを実装するjQueryプラグイン・jmFullWall
フルスクリーンのイメージギャ ラリーを実装するスクリプトが あったのでなんとなくメモ。ビ ジュアル的にも良いので用途は 割とありそうな気がします。
Youtubeのプレイリストをスライドギャラリーとして実装するjQueryプラグイン・jQuery Youtube Playlist Gallery
Toutubeで作ったプレイリストを スライドギャラリーにする、とい うjQueryのプラグイン。まだ使う 予定は無いけど便利そうだったの で。プレイリストを読み込むので、 動画を追加したい場合はリストに 動画を追加します。
素敵なエフェクトが複数用意されたイメージスライダー・jq-tiles
画像の切り替え時のエフェクトが とっても素敵なjQueryのイメージ スライダー・jq-tilesのご紹介で す。クロスブラウザという訳では 無いのでこのままだと用途は限ら れますけど・・
シンプルなパララックス効果付きのイメージスライダーを実装するjQueryプラグイン・jQuery Destaque
画像がスライドする際に視差効果 を与える事が出来るjQueryプラグ インのご紹介。イメージスライダー とは相性良さそうですね。シンプル なものですが、応用も出来そうです。
jQuery Mobileでシンプルなイメージギャラリーを実装する為のプラグイン・ImageFlip
JQM向けのイメージギャラリーを 実装する為のjQueryプラグイン です。フリック操作で進める事 が出来ます。特に変わったエフ ェクトも無いのでシンプルで使 いやすい印象でした。
iPhone向けにレイアウトされたWebデザインのギャラリーサイト・Meer.li
iphone向けにレイアウトを組んだ Webサイトのデザインギャラリー・ Meer.liのご紹介です。同じような デザインギャラリーは沢山あるの で参考までに。他にもアイコンや iPad用も構築中みたい。