【Movable Type】特定の複数ブログ記事を出力する方法
関連記事の情報として、ブログを跨いだ記事IDでソートをかけたい時に、カスタムフィールドで記事IDの入力欄を追加して 記事編集画面から、カスタムフィールド「関連記事」に複数ブログ記事IDを入れて、 記事に以下のように関連記 … 続きを読む
Author: ofuta
【jQuery】クリックで非表示領域を表示。その際に、アンカーリンクで非表示領域内にスクロール！
解決方法は一番下に書きました。 まずは原因の話から やりたいこと 通常のクリックで開く動作 $(‘#bodyG’).css(‘display’,’none’); $(‘#portfolio’).click(functio … 続きを読む
【Movable Type】カスタムフィールド「日付」と再構築日を比較して、記事一覧の表示を切り替える
※cronを使用して、毎日決まった時間に再構築を行う環境を想定しています。 ※今回使用したMTはMovable Type Pro version 6.0.2 になります。 カスタムフィールド「日付」で ・イベント開始日 … 続きを読む
【CSS】フォーム「checkbox」「radio」疑似要素を使用したデザイン変更
【参考】cssだけでcheckboxやradioのデザインを変更 – WEBdev この記事がとても参考になり、発見もあったので、「cssだけでcheckboxやradioのデザインを変更」を書き砕いてみます。 inpu … 続きを読む
【youtubeを使用】WEBページに動画を背景の様に表示する
【youtubeを使用】youtubの動画を使用する場合 jQuery【baserjs】を使用して、 youtub動画の縦横比を固定のままでブラウザの横幅にぴったり合うよう可変表示し、無音でループさせました。 また、jQ … 続きを読む
【mp4/webmを使用】WEBページに動画を背景の様に表示する
【mp4/webmを使用】自サーバに動画を置く場合 用意するもの MP4形式の動画 webm形式の動画 動画が再生されない時に表示する画像（動画の見せたいキャプチャなどが良い） スマホ用に画像など HTML5（video … 続きを読む
【CSS】 ol 数字を「疑似要素」の「contentプロパティ」で使用する
olの行頭数字を好きなデザインに装飾します。 数字のfont-familyを変更したり、丸囲みに装飾したり、数字の表示位置も変更出来ます。 HTML <ol class=”table process”> &l … 続きを読む
【jQuery】パスワードの強度判定
ここ3日間ほど「パスワードの強度判定」を行えるjQueryについて調べていたので、一旦まとめを書いておきます。 jQuery.pwdMeasure.js こちらが、以下の点で使い易そうだと思います。 Githubで公開さ … 続きを読む
【WordPress】年間まとめレポート from Jetpack
「WordPress.com の年間まとめレポート」がJetpackよりメールで届きましたので、共有しますね。 日本語を自動翻訳されている方へ、画像には以下の文章が入っています。 WordPress.com の年間まとめ … 続きを読む
【jQuery & CSS】2016年申年のおみくじ
今年もおみくじを作成しました。 cssアニメーションによるホバーの動き・クリック時の回転、CSVでの文章の読み込み処理など、技術学習のために作成したページです。 閲覧タイミングによっては、出力結果のCSVがまだダミーテキ … 続きを読む