今日紹介する[Minigrid]はカード型のレイアウトを簡単に実装できる超軽量JavaScriptライブラリです。 Minigrid : http://minigrid.js.org ほぼ同機能のjQueryプラグインでは[Masonry][Isotope][Freetile]などが有名ですが、これらと並んで選択肢の1つとして使えそうです。 実装方法も比較的簡単なので初心者の方にもオススメ。またjQuery無しで単体で動く点もポイントが高いですね。 まずは公式サイトから必要なファイルをダウンロードしてきます。 Minigrid : http://minigrid.js.org スクリプトを読み込む フォルダの中に「minigrid.min.js」というファイルが梱包されているので、これをHTMLの適当な箇所で読み込みます。 ここでは仮に<body>〜</body>内の最下部に設置しましょう
今日紹介する[Swiper]は、レスポンシブ対応サイトなどで真価を発揮するJavaScriptベースの「コンテンツ・スライダー」です。 初見の感想は「反応速度が早く軽量でサクサク動く」という印象。 レスポンシブにも対応済み。マウスのドラッグ操作やタッチコントロールのスワイプにも反応して操作性が良く、文句ナシのクオリティでした。 機能が豊富で、ざっと紹介すると以下のとおり。 レスポンシブ対応 フルスクリーン化OK ページネーション設置 縦方向のスライド カルーセル・モード 各スライドの位置を固定しない「フリーモード」対応 複数行のスライドに対応 縦方向・横方向の「入れ子」に対応 マウスのドラッグ操作に対応 スクロールバー表示 ナビゲーションボタン表示 無限ループ対応 フェードイン・フェードアウトによるスライドの切り替え 3D キューブ・エフェクト 3D カバーフロー・エフェクト キーボード・
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く