コーディングを楽にする！Google Chromeの開発者ツールで使える小技集
これなしにはコーディングはできないと言っても過言ではないほどサイトの制作や調整ではお世話になっているGoogle Chromeの開発者ツールですが、今回はこの開発者ツールでHTMLやCSSを触るときに使えるちょっとしたTipsを紹介します。
Read More
jQueryのslideToggleをdisplay: flexで動作させる方法
jQueryのslideToggleを使用するとアコーディオンの動作を簡単に実装することができるのですごく便利ですが、表示と非表示を切り替えたい要素がdisplay: flexだったときにうまくいかなかったのでその時のメモです。
Read More【VSCode】DartJS Sass Compilerで分割したパーシャルファイルの保存時に自動でコンパイルする方法
Sassで分割ファイルを読み込む@importですが、遅くとも2021年10月1日には非推奨になり、2022年10月1日には廃止されるということでそれに変わる@useや@forwardに移行しようとしたところ、VSCodeで使用しているおなじみのLive Sass Compilerではエラーが…。
Read MoreIEでcalcを使用して崩れる場合の対処法
CSSのcalc()関数を使用すれば計算式を書くだけで値を指定できるので便利ですがIEで使用する場合は注意が必要です。
Read More【Movable Type】VSCodeでMTタグを補完してくれる「MTML Completions for VSCode」
VSCodeでMovable Typeのテンプレートを編集する際にMTタグを補完してくれる便利なスニペットの紹介です。
Read More【Movable Type】mt:SetVarBlock内の改行を消す方法
mtで変数を設定する際によく使うmt:SetVarBlockというブロックタグがありますが、改行が原因で意図した動作にならなかったのでそのときの解消法のメモです。
Read MoreIEのサポート終了後に使える便利なCSS12選
先日IE11のサポートを2022年6月15日に終了するとMicrosoftから発表があり、これまで使いたかったけど使えなかったCSSももうすぐ使えるようになります。そんなIEのために封印されていた便利なCSSをいくつか紹介します。
Read More【Movable Type】カテゴリに属していない記事の一覧を出力する方法
MTで記事を作成する際にすべての記事がカテゴリに属しているとは限りません。
カテゴリに属している記事と属していない記事で表示を変えたいという場合もあるかと思いますがそんなときのメモです。
【Movable Type】記事をカテゴリIDでフィルタリングする方法
カテゴリIDで絞り込んだ記事を最新5件表示したかったのですがうまくいかなかったのでその時のメモです。
Read More【Movable Type】記事一覧で特定の記事だけHTMLの構成を変更する方法
サイトトップなどに最新の記事を何件か表示してそのうち一番新しい記事だけサムネイル画像や本文を表示するなど、他とは異なるHTML構成にしたい場合などがあるかと思いますがそんなときのメモです。
Read More