メディアクエリ(@media)

メディクエリとは、特定の環境やデバイスを判定するときに用いられるものです。最近、一般的に使われるのはサイトを閲覧しにきたメディアの環境、横幅で判定しPCかスマートフォンか判断する方法です。簡単な例は下記です。

 ソウルナンバー占い|あなたのソウルナンバーで性格や愛情がわかる

後々、phpの勉強でソフト化しようと思っているネタのひとつに、ちょっと前に流行った『ソウルナンバー占い』というのを思い出しメモします。

 初期化したMacBook Pro(Retina, 13-inch, Late 2013)をMojaveまでバージョンアップ!

ショッピングモール「イオンモール沖縄ライカム」内のappleストアー「NEWCOM 沖縄ライカム店」で、無事修理から帰ってきた私の「MacBook Pro」ですが、大変なのはこれからです。ショップでOSを初期化してもらったので、これからOSをバージョンアップしていくわけです。macOS「Mojave」まではちゃんと動いていたので、目標を「Mojave」してバージョンアップしました。

 沖縄でMacが壊れたら!MacBook Pro(Retina, 13-inch, Late 2013)のバッテリー交換

私が使っていた「MacBook Pro」のバッテリーが、先月あたりから充電しなくなり、まあ、そこそこ寿命だろうな。。。と諦めながらも電源を繋ぎ騙しだまし使っていたところ!誤って最新のOS「Catalina」をインストールしてしまうという失態を。。。気付いた時は時すでに遅し、電源も不安定なところに無理な最新OSのインストールでは、この老体には苦痛だったようで立ち上がらなくなりました。;;

と!上記は結果から推測したものです。パソコンの故障は初めの時点で何が悪いのかなんて調べてみない事にはわからないものです。なので、自分への戒めと、沖縄でMac壊れたらこんな事になります!を含め、私の「MacBook Pro」の修復歴をまとめました。参考までにどうぞ!

 CSSの詳細度(Specificity)

cssを扱う上で、押さえておかないといけないことに「詳細度(Specificity)」があります。cssの特異性ともいわれているセレクタの記述に関する優先順位の概念です。

 CSS「:not()」で複数指定の場合

例えば、.hogeと.pekoの二つのクラスを持たない要素に指定したい場合は、カンマを用いて記述します。

 CSSで「最初の要素以外」と指定する方法

cssではじめの子要素以外を指定したい場合、セレクタを分けたりクラス名で識別したりといろいろな方法が考えられますが、一つのセレクタでまとめる方法として:notを用いた方法とそれ以外の方法を紹介します。

 縦方向のセルの結合|tableのセルの連結方法

tableを生成した時、構造上セルを結合したい時があります。ここではrowspan属性の縦方向のセルの結合を解説します。

 横方向のセルの結合|tableのセルの連結方法

tableを生成した時、構造上セルを結合したい時があります。ここではcolspan属性の横方向のセルの結合を解説します。