CSSの記述はこれで大きく変わる！ セレクタの適用範囲を設定できる、CSS @scopeの基礎知識と使い方を解説

2023/11/09 73 users Scope セレクタ img Card content

CSSのセレクタで深い階層の要素を記述するとき、たとえば.card > .content > img.heroのように長いセレクタになってしまうことがあります。 Chrome 118からサポートされたCSSの@scopeを使用すると、セレクタの適用範囲を設定できるので、簡単になります。上記のセレクタは、.card内のimgと記述できます。CSSの@scopeの基... 続きを読む

CSSの単位「rem」を使ったフォントサイズの計算を自動で一覧表示してくれる便利ツール -PxtoRem | コリス

2018/07/09 131 users rem コリス フォントサイズ CSS 複利計算

フォントサイズの指定によく使用される単位は、相対値で指定できる単位が人気です。中でも、親要素に相対的なemより、常にルートに相対的なremの方が使い勝手がよいでしょう。emを使用すると複利計算になるため、深い階層の子要素...記事の続きを読む 続きを読む

ThreadNote｜ 階層化して管理できるのが魅力の無料ノートアプリ☆ タグやブックマークを付けられるから、深い階層のノートもアクセスが簡単です♪iPhone女史

2012/10/06 23 users iPhone女史 置き場 表紙 アイデア ノート

「ThreadNote」はデザインも機能もシンプルですが、非常に「使える」ノートアプリです。ノートに求める機能は、「整理」。メモのようにただ書き留めるのではなく、表紙を作って、その中に関連項目をどんどん置いていく。一つのアプリでメモやアイデアを書き溜めていっても、それぞれの置き場に入れることによって散らかることがありません。 続きは↓ 右上の「＋」ボタンから、新しいノートを作ります。 書いたノート... 続きを読む

[iPhone][iPad] Tweetbotをより快適に使うための2つの小ワザ | yuhnote

2012/02/16 34 users Tweetbot yuhirb yuhnote iPad 小技

All That Love All Those Mistakes Photo by Thomas Hawk こんにちは、@yuhirbです。 僕が個人的に便利だと思っていて、なかなか気付かなそうなTweetbotの小技を2つご紹介します。 深い階層から一気に戻る方法 たとえば、タイムライン→誰かのプロフィール→URLと画面遷移をしたとします。 ここからタイムラインに戻るには、左上のボタンを2回押す... 続きを読む

Google ウェブマスター向け公式ブログ: リニューアルされたサイトリンクのご紹介

2011/08/24 17 users Google ウェブマスター向け公式ブログ サイトリンク

リニューアルされたサイトリンクのご紹介 2011年8月24日水曜日 | 17:55 Google は先日、検索結果の更なる品質向上を図るため、サイトリンクをアップデート（英語）しました。サイトリンクとは、一部の検索結果や広告の下部に表示される 2 列のリンクのことで、ユーザーはこのサイトリンクを通じてサイトの深い階層にあるページに直接アクセスすることができます。尚、今回のアップデートでもサイトリン... 続きを読む