dev.kokushinスマートフォン用の表示で見るdev.kokushinHTML5、CSS3、JavaScriptを中心に、日々のプログラミングで得た知識をメモしています。この広告は、90日以上更新していないブログに表示しています。2016-03-09要素の高さを揃えるjQueryプラグイン「jquery.matchHeight.js」がクソ便利jQuery最近増えてきたカード型レイアウトですが、ちょっとでも文字数が増えたり画像の高さが変わったりしたら高さがズレてしまい、カラム落ちしてしまう...そんな時は「jquery.matchHeight.js」を使ったらあっという間に解決出来ましたぜ。jquery.matchHeight.jsとは要素をの高さを揃えるのに特化した軽量jQueryプラグインです。横一列の要素の中で最も高さが高いものに統一します。カード型の要素を並べるグリッドデザインと非常に相性の良いプラグインです。タイル上で並べるなら「Masonry」も有名ですが、今回紹介する「jquery.matchHeight.js」はあくまで高さをそろえるだけですのでご注意を。Masonryみたいにレンガ状には出来ません。ダウンロードGithubより。github.com使用方法プラグイン読み込み。src="//cdnjs.cloudflare.com/ajax/libs/jquery.matchHeight/0.7.0/jquery.matchHeight-min.js"></script>高さを揃えたい要素をセレクタに指定し、プラグインを実行させます。引数でオプションを設定できますが、ただ高さを統一するだけなら何も記述しなくてもおk。});</script>オプションはGithubページにて詳しく書かれています。API、短い記述で利用できるメソッドも用意されているみたい。個人的に高さ揃えプラグインの定番だと思います。実装も簡単だし、困ったときに初心者にも使いやすいんじゃないかな。Socket.ioでチャットアプリをつくってみるメモ忘れないうちに「Socket.io」の使い方をメモ。CSS好きなエンジニア。月別アーカイブはてなブログをはじめよう!kokushinさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。