『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
![Photoshop VIP ☞ Webデザイン制作に大活躍、Photoshop無料PSDパーツ素材50個まとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/a0b021e715e941810cf950d8c115b817fb42f40b/height=288;version=1;width=512/http%3A%2F%2Fphotoshopvip.net%2Fwp-content%2Fuploads%2F2011%2F06%2F50ultimatepsd.jpg)
WordPressのウィジェットは、様々な機能をドラッグアンドドロップで登録できるので便利ですね。 最近のテーマでは、サイドバーだけでなく、フッターやトップページにもウィジェットエリアを設けて、管理画面からのカスタマイズを行いやすくしてあるものも沢山あります。 そんなとき、横長のウィジェットエリアで、ウィジェットを横並びに表示し、なおかつ登録されているウィジェット数に応じて、表示するウィジェットの幅を変更できたら便利なのでは?と思いついたので、ちょっと調べてみました。 簡単に言うと、出力するウィジェットエリア内に登録されているウィジェットの数を数えて、classとして出力すれば、後は、CSSでテーマに合った幅とスタイルを事前に登録しておくことで、登録数に応じた可変幅表示が可能になるってな寸法です。 エリア内に登録されているウィジェット数の取得方法ですが、テンプレートタグでウィジェットの出力
長いリストを省スペースに設置するのに便利なリストの一部を非表示にし、隠したアイテムをアニメーションでスライド表示させるjQueryのプラグインを紹介します。 aPartHide デモ [ad#ad-2] 非表示にするアイテムの数は設定が可能で、デモでは七つのアイテムを配置したリスト要素の初期状態では3アイテムだけ表示し、「more」をクリックするとすべてのアイテムが表示されます。 また、全アイテムを表示した状態で、「less」をクリックすると3アイテムのみ表示されます。 aPartHideの実装 HTML リスト要素をdiv要素で内包し、表示・非表示用のdiv要素を配置します。 <div id="box1" class="demo"> <h3>Demo</h3> <ul> <li>Demo list item 1</li> <li>Another list item</li> <li>Th
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く