(159) Sassで便利なセレクタたち
(1) & 親セレクタ参照 一つ遡って、親要素に対して適用したい場合に使用する。 【例】div要素に対して二つのクラス red, blueでデザインを変えたい場合の記述例 サンプルコードを以下にアップした。 h… 続きを読む »
(1) & 親セレクタ参照 一つ遡って、親要素に対して適用したい場合に使用する。 【例】div要素に対して二つのクラス red, blueでデザインを変えたい場合の記述例 サンプルコードを以下にアップした。 h… 続きを読む »
【1】やりたいこと ブロック要素内のテキストを、領域内の中央に表示したい。 div, section, p等のブロック要素の中に表示するテキストを、領域内の中央に表示したいのだ。 つまり… 上下左右中央に表示… 続きを読む »
【1】やりたいこと Webページ上に 表を表示する 手段はいくつもあるが、 flex: grid を使うと非常に楽 なのだとか。 ぜひこれを使って楽をしてみたい。 参考: MDN グリッドレイアウトの基本概念 【2】やっ… 続きを読む »
【1】やりたいこと Webページ上で数字を並べると、Webブラウザによってはそれを 電話番号と認識してハイパーリンクを自動生成 してしまう。 今回は iPad版 Safari でこれが発生していたため、これを封じることに… 続きを読む »
【1】やりたいこと <a>タグの上にマウスを置いた時に、その外枠の色を変えたい。 このときに、外枠の色を 0.5秒かけてじんわりと変化させたい。 【2】やってみる 以下、Sassで書く。 3行目の trans… 続きを読む »
【1】問題発生 このブログは CoreServerに設置している。 CPU負荷率が 1,000ptを超えると利用制限がかけられるのだが、これが 100,000ptを超える日が続いた。 スパム攻撃を受けている? 【2】調査… 続きを読む »
【1】やりたいこと 過去記事 (91) Node.js + gulpでSASSを Windows10で実行 を 4年ぶりにアップデートする。 新規インストールした Windows11パソコン上で Node.js + gu… 続きを読む »
【1】気になったこと HTTPS接続する場合、 初回リクエストとして Webブラウザ上に入力した URLは、暗号化されるのか? 【2】答え つまり… Webブラウザで https://www.dogrow.n… 続きを読む »
【1】やりたいこと Webページ上で表示している table要素を、画像ファイルとして保存したい。 【2】やってみる 1) 利用するライブラリ 所望の機能を JavaScriptで実装する。 今回の実装では html2c… 続きを読む »
1. やりたいこと 画面上の非矩形な領域をマウスホバーした時に、何らかの反応をさせたい。 2. やってみる 方法1 : ベクタ画像データを使う 下記コードの実装例はこちら。 https://www.dogrow.net/… 続きを読む »