mania-ku

何か作りたいプログラマ未満。

【jQueryプラグイン】高さを揃え&レスポンシブ対応のjquery-match-heightがすごい便利

高さをそろえる系プラグインは色々試してきましたが、最近見つけたliabru/jquery-match-height · GitHubが大変便利です。
幅が変わって横に並ぶ数が変わっても、高さを合わせてくれるのです!レスポンシブサイトを作るときは大変便利です:)

メリット

  • ・レスポンシブで列の数が変わっても、その列で自動に高さを揃えてくれる
  • ・padding,margin,border,box-sizingに対応
  • ・非表示の要素は無視してくれる
  • ・IE8+に対応
  • ・削除できる
  • ・正しいスクロール位置を維持する
  • ・必要なときに高さを更新することもできる

デメリット

デモ:jquery-match-heightデモ – js do it

【セミナー】『レスポンシブWebデザイン』刊行記念ハンズオンセミナーに行って来ました

菊池 崇さんのレスポンシブWebデザインマルチデバイス時代のコンセプトとテクニックのハンズオンセミナーに行って来ました。菊池さんの語り口が好きなので、何度か菊池さんのセミナーに行っているのですがなんか名前覚えられていました。ちょっとびっくり。

ハンズオンセミナーなのにPC持っていくのを忘れたので、ノートに手で写経しましたw
字が汚いので、もはや誰にもみせられませんwww
今回のセミナーはコーダー向けというわけではなかったようで、手で写経でもなんとかなりました。
以下感想です。

  • ・テキストエディタではなく、デザイニングブラウザ?chromeのディベロッパーツールで書いてたのが印象に残った
  • ・レスポンシブというかスマホコーディングするのはやはり、
    chrome設定>Overrides>Device metricsでブラウザサイズ指定するの便利
  • ・開始30分も遅れてしまったけど、連絡したら丁寧にWeb Professional編集部の担当の方から連絡をいただいた。Web Professional編集部に入りたくなりました。
  • ・セミナー19時からはやっぱり早い・・・定時が19時だからかもしれないけど。
  • ・参加目的は決してアスキー社内に入りたかった訳では・・・入りたかったです。
    ちょっとだけそのために参加した感はあります。終わった後に受付付近の本棚見てニヤニヤしていたのは私です。
    エレベーターの別の階から乗ってくる人たちは(アスキー以外の角川の方?)一体どんな本に携わっているんだろうなぁと妄想膨らませていました。お邪魔しました!
    ※本が好きなので、子どもの頃から本に携わる仕事に興味津々です。機会があれば本屋のバイトとかしたかったなぁ・・・

楽しかったです。でもできれば平日じゃなければよかったなぁ