:not()で例外が便利（最近便利なCSSおれおれAdvent Calendar 2023 – 18日目） | Ginpen.com
引数と詳細度 :not(a, b c, d > e + f) のように、カンマ区切りで複数のセレクターを指定できます。 詳細度はその引数で与えられるセレクター群の中で最も高いものになります。:is() と同じです。 なお絶対に該当しないセレクターを指定してむやみやたらと詳細度を上げることもできます。:not(#important #important #super-important) で (3,0,0) とか。やめよう、悪用！ おしまい スタイル宣言の順序とかで頑張ることもできるけど、こっちの方が意味が通じて良いんじゃないかな。 参考 :not() – CSS: カスケーディングスタイルシート | MDN
あなたが知らないであろう15個の強力なJavaScriptのテクニック🗡🔈🔥
はじめに この記事はこちらの記事の和訳となります。 なお、著者には許可をいただいております。是非原文もご覧ください。 拙訳なので、ご指摘などあればお待ちしております。 Javascriptのバグ修正や答えを求めてGoogleやStackOverflowを探し回るのは楽しくないでしょう🏴☠️。 この記事では、生産性⚡を最大化し、苦痛🩸を最小化する、20個（訳註:正確には15個）の短く、パワフルなJavaScriptのテクニックを紹介します。 それではコードを見ていきましょう🤘 配列の重複を除去 配列から重複した要素を除去します。 const arr = ["a", "b", "c", "d", "d", "c", "e"] const uniqueArray = Array.from(new Set(arr)); console.log(uniqueArray); // ['a',
WordPressのバージョン5.5.0から追加されたXMLサイトマップ自動出力機能を紹介 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
WordPress5.5.0から追加された新しい機能についてご紹介します。 この記事を執筆中のWordPressの最新バージョンは5.8.2なので、なんで今更と思われてしまうかもしれませんが、少し驚いた機能だったのでこうして記事にしてしまいました。 WordPressはXMLサイトマップを標準で出力する？ しない？ これまでWordPressではXMLサイトマップはそのままでは出力されませんでしたので、プラグインを利用したり、または自前で用意したりといったかたちで対応をしてきたと思います。あるとき、WordPressをいじっているとまだ準備していないはずのXMLサイトマップが出力されていることに気づきました。 WordPress5.5からはデフォルトでXMLサイトマップが出力されるようになっていたのです。それがどのような機能なのかを簡単に見ていきたいと思います。 XMLサイトマップには、設
たまに役に立つWordPressのカスタマイズ5選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、エンジニアのづやです。 ありがたいことに、この業界で15年程度生き抜くことができまして、質問を受けたりレビューをしたりする機会が多くなってまいりました。 しょっちゅう必要ではないのですが、カスタマイズが必要になった際に解決したことを今回まとめてみました。 非公開ページを親ページにしたい 皆様はWordPressをGutenberg（グーテンベルク）で使われているでしょうか。 URLを綺麗にしたいときなど、固定ページで非公開の親ページを選びたいときがありますよね。 page_attributes_dropdown_pages_argsとかquick_edit_dropdown_pages_argsにフックしてたと思うのですが、グーテンベルクになってからは、ここもrest apiで取得しているようで効かなくなってますよね。 add_filter( 'rest_page_query'
WordPress 記事一覧から非公開記事を除外する方法 - by Takumi Hirashima
WordPress で記事一覧から非公開記事を除外（非表示）する方法を紹介します。 例えば、クライアント運用時「非公開記事の表示が紛らわしい」場合に便利な方法です。 サイト全体で非公開記事を除外する方法 メインループやサブループから非公開記事を除外する方法 サイト全体で非公開記事を除外する方法 投稿に「非公開記事」がある場合、管理画面へログイン中の時には記事一覧に「非公開記事」が表示されてしまいます。 非公開記事を非表示にするにはクエリをカスタマイズして、公開済みの記事のみを表示するようにすることができます。 例えば、アーカイブページ一覧から非公開記事を除外するには、function.php に次のコードを追加します。 /*【出力カスタマイズ】クエリーカスタマイズ、ループから非公開記事を除外 */ function custom_posts() { global $wp_query; if
CSSの否定疑似クラス「:not()」で、複数のclassを指定する場合の使い方
:not()セレクタは非常に便利です。例えば、リストの各アイテムの区切りにボーダーをつける時、まずはli要素にボーダーを指定し、最後のli要素にだけボーダー無しを上書きで指定する、そんな時に使用すると簡単に指定することができます。 :not()セレクタは通常一つのclassしか指定できませんが、複数のclassを指定する場合の使い方を紹介します。 CSS :not() with Multiple Classes 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 :not()セレクタとは、特定のclassがない要素を選択する否定疑似クラスです。
CSSスニペット：簡単なコードでマウスホバーした要素以外を透過する | かちびと.net
Result かなり昔にJSによる方法を書きましたがどこちらの方がスマートだったのでメモ ハイライトは要素にユーザーの注視を促す手法として効果的なので今でも健在の手法だと思います cssspan {/*アニメーション*/ padding: 0 1rem; transition: opacity 0.2s; } .sibling-fade:hover span:not(:hover) {/*透過処理*/ opacity: 0.5; }親要素にホバーしたら全体を透過、更に要素にホバーしたもの以外に適応させる これでマウスホバー中のアイテムだけは透過処理範囲から外れるようになります html<div class="sibling-fade"> <span>Item 1</span> <span>Item 2</span> <span>Item 3</span> <span>Item 4</spa
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
行き着く先はあんこ