これは覚えておきたい！ CSSの:has()疑似クラスを使うと、こんな面倒な実装も簡単なCSSだけできる
CSSの:has()疑似クラスは去年末にFirefoxでサポートされ、これですべてのブラウザにサポートされました。2024年は、:has()疑似クラスを使用する機会が増えますね。 CSSの:has()疑似クラスは指定した要素がある場合にのみスタイルを適用できる、if文のような非常に便利なCSSの機能です。この:has()疑似クラスの基本的な使い方とシンプルだけどクールな使い方を紹介します。 ↔️ Sideway selection in CSS with :has() by Francesco Vetere 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 :has()疑似クラスのシンプルでクールな使い方 実装の解説 :has()疑似クラスのシンプルでクールな使い方 みなさん、こんにちわ！👋 この記事では、最近すべてのブラウザに
複数の単語を色分けしながらページ内検索できるブラウザ拡張機能「isear」を使ってみた
長い文章から目的の単語を探す際は、ページ内検索を用いると素早く目的の単語を見つけることができます。Google ChromeやFirefoxに対応する拡張機能「isear」は、複数の単語の同時検索や、検索結果のハイライト表示、検索単語の位置を視覚的に表示などの機能を備えており、ページ内検索を効率的に行えるとのこと。実際にisearの使い勝手を確かめてみました。 トップページ | isear解説 https://isear.intelfike.net/ isear – ???? Firefox (ja) 向け拡張機能を入手 https://addons.mozilla.org/ja/firefox/addon/isear/ isear - Chrome ウェブストア https://chrome.google.com/webstore/detail/isear/cihgmhbajkkbcie
最強リーダー・Feedlyをますます便利にする拡張機能／ユーザースクリプト6選 | ライフハッカー・ジャパン
「Feedly」は、米Lifehackerの読者投票でもトップになったRSSリーダー。だからといって、改善点が1つもないわけではありません。 そこで、Feedlyを一層便利にしてしまう拡張機能とユーザースクリプトを紹介します。 1．バックグラウンドでタブを開く デフォルトでは、リンクをクリックすると新しいタブが開きます。これは便利なのですが、せっかく読んでいたタブが見えなくなり、集中力を削がれてしまいます。たくさんのタブを同時に開いておきたいあなたには、Chrome用の「Feedly Background Tab」という拡張機能がおすすめです。記事の上で「;」を押すと、バックグラウンドでタブが開きます。Firefox向けには、こちらのユーザースクリプトで同じことが可能です。 2．懐かしのGoogleリーダーの外見にする 懐かしのGoogleリーダーに心を奪われたままのあなたは、Chrome
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webページの特定テキストへ直接ジャンプしてハイライトするリンクの作り方／「Chrome」「Edge」は標準機能で、「Firefox」は「Link to Text Fragment」拡張機能で【レビュー】
