L08084のブログ

技術記事の執筆は祈りに似ている

CSS

HTMLメールのCSSなどレイアウト設定について

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

【CSS】PCでもモバイルと同じレイアウトの画面で表示する(スマホのフレーム画像に画面をはめる)

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

CSSでクリック時に画像やテキストが選択状態になるのを防ぐ

CSS

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

個人的にまぎらわしいCSSのセレクタ

CSS

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