環境 Alert/Modal同士でz-indexを交換する Alert/Modalのz-indexを参照できるのはなぜか？ おわりに 参考サイト 環境 TypeScriptベースのフレームワークであるAngularと、iOS/AndroidのハイブリッドモバイルアプリケーションのフレームワークであるIonicを使…

はじめに 環境 実装 参考サイト はじめに AngularのngClass(テンプレート内でclass属性を動的に変更する機能)で三項演算子を使う方法を説明します。 <div class="block" [ngClass]="isRed ? 'red' : 'blue'"></div> 環境 Angular: 8.2.14 実装 isRed が true の時は赤色になる ngClassで三項演算子を使う方法について説明…

はじめに 環境 マトリクス図の作成 CSSリセット マトリクス図の全コード 参考サイト 作成したマトリクス図 はじめに 仕事でCSSフレームワークを使わずにテーブルを作成する機会があったので、備忘録としてプライベートでもマトリクス図を作ってみました。 環…

はじめに 環境 発生した障害 原因 修正方法 まとめ 参考サイト はじめに クリックイベントが検知されないときって、ほかのDOM要素が覆っていないかとか、z-indexの設定とかしか気にしていなかったんですが、 posinter-events: noneが設定されていたせいでク…

はじめに 最近仕事でHTMLメールのレイアウトを設定する機会があったので、HTMLメールを作成するときの注意点や参考サイトなどをまとめました ベースになるテンプレート HTMLメールを作るのが初めての人は、そもそもHTMLメールのHTMLってどう書けばいいの？っ…

今回やること PCからみると、スマホの枠の中にコンテンツが表示されるようなデザインの画面を作る。参考サイト(フィッシャーマン・コール) PCだとこーいう表示になる モバイルからだとこういう表示になる メリット PC用の画面デザインを用意せずに、スマホ用…

クリックしたときに画像やテキストを選択状態にしたくない時がある。 この記事でいう選択状態とは、☝️のようにクリックしたときに半透明な膜がかかることをいいます。 バージョン情報 Angular: 5.2.3 TypeScript: 2.5.3 angular/cli: 1.6.5 Node: 8.1.4 選択…

イントロ 数あるCSSセレクタのうち、意味がごっちゃになりやすいものをメモした。 タイプセレクタとclassセレクタの併用 次の例では、タイプセレクタのliとclassセレクタの.itemを続けて記述している(間に半角スペースを含めてはいけない)。<li>タグのclass="ite</li>…