【Movable Type & jQuery】イベント告知用Box
イベント告知用Boxを作成しました。ページを閲覧するタイミングによって閲覧者に対して提示する情報を変更します。 用意したカスタムフィールド 名前 種類(オプション) ベースネーム 説明 テーマ テキスト event_to … 続きを読む
Author: ofuta
【jQuery】ウィンドウの縦サイズに収まるメニュー
「ウィンドウの縦サイズに収まるメニュー」のご紹介です。 HTML <section id=”menu”> <dl> <dt>メニューボックス(開閉ボタンになります。)</dt&g … 続きを読む
【jQuery】select風タブ切り替えボタン
横幅640px以下の幅のブラウザで、select風ボタンに見せ方を切り替えます。 【Movable Type】横並びカテゴリリンクをウィンドウサイズに％で横幅均等 【jQuery】タブ切り替えの際に、上下連動タブ など、 … 続きを読む
【jQuery】タブ切り替えの際に、上下連動タブ
Movable Typeで複数カテゴリを「タブ」にして、「要素」を各カテゴリのリスト（記事一覧）とします。 上下の「タブ」をクリックすると、上下の「タブ」が連動しつつ、「タブ」ごと「要素」が切り替わる動きの実装です。 下 … 続きを読む
【WordPress】プラグイン「All in One SEO Pack」
WordPressでページごとの description,keywords のメタ情報を設定できるプラグイン「All in One SEO Pack」のご紹介です。 プラグイン > 新規追加 > 「All i … 続きを読む
【Movable Type】横並びカテゴリリンクをウィンドウサイズに％で横幅均等
横並びカテゴリリンクを作成した際に こんな感じに横幅等分で並べます。 HTML <MTsetVar name=”count” value=”0″><!–カウントを0に設定–> <MTSe … 続きを読む
【jQuery】レスポンシブ対応なメニュー 参考サイト集
スマホとPCがワンソースの時に、一番見せ方が違ってくるのがメニュー部分です。 今までの実装で参考にしてきたjQuery参考サイトをご紹介します。 Drawer jQuery プラグインになっているので、ダウンロードして使 … 続きを読む
【jQuery】高さを揃えるプラグイン「heightLine.js」
いつもお世話になっている高さを揃えるプラグイン「heightLine.js」のご紹介です。 配布ページ：ブロックレベル要素の高さを揃えるheightLine.js このheightLine.jsは、複数のブロックレベル要 … 続きを読む
【CSS】レスポンシブ対策！画面幅によって<br>の位置を変える
PCとスマホをワンソースで作成するときに、文章の改行位置を変えたがるデザイナーやクライアントから要望があった際に 要望を叶えられるよう共有CSSに用意しておいているのが以下です。 CSS /* hidden —— … 続きを読む
【jQuery】スクロールバー用プラグイン「jQuery custom content scroller」
「jQuery custom content scroller」からダウンロードして使用します。【以下、2015/12/11追記】 スクロールバーのデザインを多様なブラウザで画一的にデザイン変更出来るjQueryプラグイ … 続きを読む