Glider.jsはモバイルフレンドリーなコンテンツスライダーを実装できる軽量で高速なスクリプトです。使い方も簡単で動作も軽量(圧縮版で2.5kbほど)、マークアップもシンプルな状態を保てますので使い勝手も良い印象です。タッチイベントへの対応も可能でレイアウトもRWD対応となっています。本スクリプトの詳細ページではカルーセルと謳っていますが、カルーセルを定義するループ処理はデフォルトでは備えられていないようなのでコンテンツスライダーと表記しています。なかなか良いんじゃないでしょうか。ラインセスはMIT。 Glider.js

Result アニメーションエフェクトの不要なら結構シンプルなコードになります css.row figure {/*表示されている画像。*/ height: 240px; width: 240px; margin: 0; background-size: cover; background-position: 50% 50%; transition: all 1s ease-in-out; background-repeat: no-repeat; z-index: 2; display: inline-block; position: relative; } .row a {/*拡大画像を表示させる為の要素*/ display: inline-block; text-align: center; margin: 40px; text-decoration: none; color: wh

Booking.jsは店舗等のオンライン予約システム構築のためのスクリプトです。OSSとして公開されていますので日本語への対応も問題なさそうです。カスタマイズ性も重視してるそうです。宿泊施設や飲食店、サロン等に留まらず、アミューズメント関連の施設など需要は高そうですね。本スクリプト開発者さんは予約・スケジューリングのAPIを無償提供しています（Timekit）のでこちらも合わせてご参照下さい。一応、フリーでオープンソースだよとは書いてあるのですが、よく見かけるオープンソースライセンスの宣言はありませんので利用前に確認を取ったほうが良さそうです。 Booking.js

レスポンシブなナビゲーションのパターンをまとめているResponsive Navigationのご紹介です。選択肢が複数あるとコンテンツにも合わせやすくなるので覚えておきたいところです。 レスポンシブWebデザイン対応のWebサイト向けのナビゲーションです。ブレークポイントに応じて、そのデバイスで使いやすいナビゲーションに変化してくれる、というものが中心のようですね。

よくあるマウスホバーによるイメージズーマースクリプトです。様々なタイプのズーマーを実装出来るのでなかなか便利そうだなーと思って備忘録。とはいえ同じ物も沢山あるのでお好みで良さそうです。 ECサイトなんかでよく見かけるやつですね。マウスを乗せると拡大され、動かす事で細かい部分を確認出来る、みたいな。

ご連絡頂いたのですが、とても良い感じ だったのでご紹介。日本向けのコーポ レートサイトを作成する為に作られた レスポンシブWebデザイン対応のフリー WordPressテーマ・BizVektorです。機能 も優れていて参考になりました。 凄く良く出来てましたよ。とっても勉強になりました。無料で配布って凄いですね・・WordPressをCMSとして企業向けに導入したい、という方は一度ご覧頂くことをオススメします。 CMSとしての機能が最初から備わっており、上図のようにレスポンシブWebデザインにも対応した日本企業サイト向けのフリーのWordPressテーマです。※iPadのキャプチャがおかしいのは気にしないで下さい 機能は以下のような感じ。 レシポンシブWebデザイン対応 カスタム投稿タイプによるお知らせコンテンツ 独自テーマオプション 主要SNSとの連携 カスタムメニュー対応 カスタムヘッ

購読してるLea Verou女史のブログで 面白いツールが公開されていました のでメモ的にご紹介。以前も同じよ うなツールをご紹介しましたが、 もっと手軽に使えますのでこちらで も十分かもしれません。 cssとhtmlを書いたら即、結果が反映されるやつです。少し前にjsbinのインストール法を書きましたが、dabbletはインストール不要で、PHPと.htaccessが動くサーバーならDB不要で動作しますので結構手軽ですね。 ローカルに置いてみました。cssやHTMLを書くと、インタラクティブに反映。実行結果の場所や記述場所も選べます。上記は水平分割モード。 こんな風に実行結果の上にマークアップみたいな事も出来ます。これちょっと面白いｗ カラーコードにマウス乗せるとツールチップで実際のカラーを確認できます。 書いたコードは直接Gistに飛ばせます。 ただし、JavaScriptには対応して