サイドバー等のボックスを下にスクロールしても一緒についてスクロールするようにできるjQueryのプラグインです。右上のアイコンをクリックで一緒にスクロールするのをやめる事もできます。 設置も簡単にでき、IE6にも対応しています。 配布先とデモページ 配布先：Contained Sticky Scroll サイトの真ん中くらいにある下の画像の箇所をクリックでダウンロードできます。ダウンロードファイルの中にデモやjQueryのファイル等一式入っています。 デモ：Contained Sticky Scroll Demo 使い方 ヘッダー内に下記を記入してjQuery本体とプラグインを読み込みます。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery-

ブログを訪れた方に、新しくアップした記事・もしくは更新した記事をどのようにしてアピールするかを考えた時、「new!アイコンをつける」という結論に達する方も少なくないと思います。 そんな時、ループ内に数行コードを加えるだけで、カンタンに実装することが出来ました。 ※追記あり 記述例 わたしの場合は（他サイトですが）更新日順に記事を並べているので newをつけるのも更新日を取得していましたが、 普通のブログの場合は作成日順に並んでいると思うので二種類掲載しておきます。 ※追記 WordPress界の神様@jim0912さまから、時差の件で以下のリプライを頂いたのと、 自分で試してみて$days=1;だとうまく行かなかったので、ちょっと修正しました。 [blackbirdpie url=”http://twitter.com/jim0912/status/133707844091523072″]

トップページによくあるメモ書きです。 トップページに最新記事5件を日付・タイトルをリスト表示。 さらに過去30日以内の記事にはNEWアイコンを付けるコード。 <ul> <?php query_posts('posts_per_page=5'); ?> <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?> <li> <span class="date"> <?php the_time('Y年n月j日'); ?> <?php $days=30; $today=date('U'); $entry=get_the_time('U'); $diff1=date('U',($today - $entry))/86400; if ($days > $diff1) { echo '<img src="images/new.g

暫く空いてしまいましたが、jQueryを コピペに頼らず自分で書いてみよう、 という記事。第三回目です。僕よりも 全然詳しい人のほうが多いんですが、 最近何度かデベロッパーさんの憤り の発言を目にするので多少でも貢献 出来ればと思います。 というわけで第三回目はよく見るタブメニューを書いてみましょう、というもの。 「jQueryを使ったスムースなタブメニュー – ウェビメモ」という記事をお見かけしたのですが、簡単なタブメニューですのでコピペにもプラグインにも頼らず自分で作ってみようじゃないかと、そういう趣向です。 内容は完璧に良いコードとかではなく、あくまで脱ビギナーという内容となります。ビギナーの僕が何様だみたいな話は置いといて。 分かりやすさをメインにしていますので厳密には説明が少し違う点もあるかもしれません。誤解招きそうな記述ありましたらご指摘下さい。 ゴールの確認 まず完成形を見て

素晴らしく気持ちのいい動きをするタブメニューに出会ったので光の速さで実装してみました。 これは個人的にかなりオススメです！！2008年産みたいなのでもしかして知っている方も多いかも。 前々からサイドバーで記事をランダムピックアップする事に憧れを抱いていたのですが、これ以上サイドバーが長ったらしくなるのが嫌でなかなか実装せずにおりました。 ですが今回WEBクリエイターボックスさんのリニューアル で使われていたタブメニューを触って惚れ込んでしまいまして、当サイトにも実装してみました :) 配布サイト様 yensdesign 海外サイトなので英語ですが、わりと読みやすいと感じました。 記事の上の方に「Tested in: Firefox, Internet Explorer 6 & 7, Opera, Safari & Chrome.」との表記があるので、なんと近々死ぬであろうIE6,7(※)で