知っておくと便利なCSSのセレクタ！ :has()疑似クラスを使用すると、子の数に基づいて親要素のスタイルを定義できる
CSSはどんどん便利になってますね！ :has()もその一つで、指定した要素がある場合にのみスタイルを適用できます。その機能を利用して、子の数に基づいて親要素のスタイルを定義することができます。たとえば、子要素が3個以下の場合、ちょうど5個の場合、7～9個の場合などに親要素に異なるスタイルを設定するのが簡単です。 Style a parent element based on its number of children using CSS :has() by Bramus :has()について詳しく知りたい人は、以前の記事をご覧ください。 CSSの:has()疑似クラスの便利な使い方を徹底解説 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに :has()を使用して、子の数に基づいて親要素のスタイルを設定 :has()
＼ネスト地獄からの卒業／エクセルIF関数の複数条件「IFS関数」について考えました。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。経営企画室のゆりえです。会社全体のさまざまな数字を管理しています。これまでのLIGブログでは、エクセルやGoogleスプレッドシートの活用法に関する記事を書きました。 エクセルなどの表計算において頻出関数の1つ、IF関数。ある条件に対して、YES(TRUE)ならA、NO(FALSE)ならBというように条件分岐に応じた答えを返すことができる関数です。 IF関数はとても便利でよく使うのですが、複数条件に対応するためには、IF()のなかにさらにIF()を重ねて、さらにIF()……というふうにネストせざるをえません。表計算を自動化したいと思えば思うほど陥るIFのネスト地獄……！ そんなときに、IF関数の複数条件に対応するIFS関数の出番です。今回は、使い方のご紹介とともに、IF関数との考え方の違いなどをお話させていただきます。 IFS関数 IFS関数について 関数 =IFS(条件1,
Movable Typeで複数ブログのブログ記事を同名のカテゴリ別に振り分ける方法
Movable Typeで、複数ブログのブログ記事を同名のカテゴリ別に振り分ける方法を紹介します。 このエントリーでは2つのパターンについて解説します。 １．パターン1の前提条件 次のカテゴリとブログ記事を用意します。カテゴリは1階層のみです。 ブログA（ブログID：2） ├ カテゴリaaa │ └ 記事A1 ├ カテゴリbbb │ └ 記事A2 └ カテゴリccc └ 記事A3 ブログB（ブログID：3） ├ カテゴリaaa │ └ 記事B1 ├ カテゴリbbb │ └ 記事B2 └ カテゴリccc └ 記事B3 これを次のように表示します。 カテゴリaaa ├ 記事A1 └ 記事B1 カテゴリbbb ├ 記事A2 └ 記事B2 カテゴリccc ├ 記事A3 └ 記事B3 ２．パターン1のテンプレート １項を実現するには次のテンプレートを利用します。 <mt:Entries blog_i
複数のブログの記事を複雑な条件で混在させて出力する（その1）
2024年2月1日 拙作プラグインの譲渡について 拙作のMovable Typeのプラグインを、株式会社ワールドイズマインに譲渡いたしました。 長きにわたり拙作のプラグインをご愛顧いただき、ありがとうございました。 Facebookの「Movable Type勉強会」のグループで、以下のような質問を見かけました。 ブログAの「ニュース」カテゴリの記事と、ブログBのすべての記事を混在して、その中から最新の5件だけを出力したい。 この問題の解決方法として、まずハッシュを使う方法を紹介します。 1.考え方 Movable Typeのテンプレートタグでは、ハッシュを使って、様々な情報を並べ替えて出力することができます。 その手順は以下の通りです。 ハッシュのキーとして、並べ替えの基準となる値を代入する 個々のキーに対する値として、出力したい内容を代入する MTLoopタグに「sort_by="ke
[JS]条件付きでJavaScriptやCSSファイルをロードできるスクリプトローダー -Yepnope
プレフィックス（接頭辞）を使用して、ロードのタイミング、UAごとに必要なファイルだけをロードなど、条件付きでファイルをロードさせることができるスクリプトローダーを紹介します。 yepnope.js -A Conditional Loader For Your Polyfills! [ad#ad-2] yepnope.jsの書式 yepnope.jsの基本書式は、下記のようになります。 yepnope(resources /* string | object | array */ [, $LABchain]) css! プレフィックス「css!」を使用して、指定したファイルをCSSファイルとしてロードします。 ※「.css」で終了していない名前はJavaScriptファイルとして認識されます。 例：cachebusted.css?version=1452318 yepnope({ load
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
