jQueryTweetこんにちは、鴨田です。年をとる毎に一年があっという間に過ぎてしまうので、もう今年も終わりかと嘆く日々です。いうことで、個人的には今年最後のブログとなります。今日は自分メモも兼ねて、リストテンプレートを作りたいと思います。デザインこういう感じのいかにもなリストを作ります。縦横中央揃えに出来るjQueryライブラリを使います。画面サイズは、横320pxとします。広告が320px対応が多かったりしますので。&nbsp;>></a></h2></article>ポイントは特にありませんが、画像の縦横中央配置を行うために、img要素をdiv要素で囲っておいてください。各見出しの右側に「>」を入れるために、:before疑似要素で無理矢理突っ込んでいます。本当は背景画像でやる方が細かい画像調整ができるはずです。画像を使うのが面倒な場合、上記方法でも可能です。boxcenter.js画像の縦横中央配置に関しては、boxcenter.jsを使用します。詳しい説明は下記を参照してください。http://labs.cybridge.jp/2011/05/boxcenter.html外部ファイルとしておいてもいいですし、head内に直接書いてもいいと思います。img").boxCenter();});jQueryの読み込みは忘れないようにしてください。デモデモページこちら必要に応じて、いろいろとカスタマイズしてもらえたらと思います。来年もよろしくお願いいたします。byスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。