【Movable Type & jQuery】公開日が閲覧時より2週間前までの記事に「NEW」表示
HTMLのtime要素を機軸にjQueryで2週間前までの記事に「NEW」を表示させます。 Movable Type(ウィジェットセット) <time datetime=”<$mt:EntryDate for … 続きを読む
HTMLのtime要素を機軸にjQueryで2週間前までの記事に「NEW」を表示させます。 Movable Type(ウィジェットセット) <time datetime=”<$mt:EntryDate for … 続きを読む
イベント告知用Boxを作成しました。ページを閲覧するタイミングによって閲覧者に対して提示する情報を変更します。 用意したカスタムフィールド 名前 種類(オプション) ベースネーム 説明 テーマ テキスト event_to … 続きを読む
「ウィンドウの縦サイズに収まるメニュー」のご紹介です。 HTML <section id=”menu”> <dl> <dt>メニューボックス(開閉ボタンになります。)</dt&g … 続きを読む
横幅640px以下の幅のブラウザで、select風ボタンに見せ方を切り替えます。 【Movable Type】横並びカテゴリリンクをウィンドウサイズに%で横幅均等 【jQuery】タブ切り替えの際に、上下連動タブ など、 … 続きを読む
Movable Typeで複数カテゴリを「タブ」にして、「要素」を各カテゴリのリスト(記事一覧)とします。 上下の「タブ」をクリックすると、上下の「タブ」が連動しつつ、「タブ」ごと「要素」が切り替わる動きの実装です。 下 … 続きを読む
スマホとPCがワンソースの時に、一番見せ方が違ってくるのがメニュー部分です。 今までの実装で参考にしてきたjQuery参考サイトをご紹介します。 Drawer jQuery プラグインになっているので、ダウンロードして使 … 続きを読む
いつもお世話になっている高さを揃えるプラグイン「heightLine.js」のご紹介です。 配布ページ:ブロックレベル要素の高さを揃えるheightLine.js このheightLine.jsは、複数のブロックレベル要 … 続きを読む
「jQuery custom content scroller」からダウンロードして使用します。【以下、2015/12/11追記】 スクロールバーのデザインを多様なブラウザで画一的にデザイン変更出来るjQueryプラグイ … 続きを読む
jQuery Easing Plugin (version 1.3)からダウンロードして使用します。 jQuery Easing – jQuery 日本語リファレンスでは、デモを見ることができます。 追加出来 … 続きを読む
jQueryの基本だと思いますが、各所数値の求め方と、数値を求めるタイミングの指定。 横幅を求める ウィンドウ縦幅(ページの高さではなく、表示範囲の高さ) $(window).height(); IDを入れれば、指定され … 続きを読む