Web技術 | - パート 7

【CSS】コメントアウトの使い方

CSSのコメントアウトの使い方。セクション毎に分けるだけで視認性が上がり、修正の時でも探しやすく保守性が高くなる。これをするだけで他者からの評価は上がります。スニペット登録は必須。

通常では表現できないfont-size:10px以下を実装する方法は以下の通りに実装するとできます。具体的には要素全体を0.9倍縮小させれば実質的に9pxを再現できます。かなり力技ですが、テキストで対応してほしいと

以下ように記述し、CSSでPCとSPでテキストの改行箇所の調整を行います。実務の8〜9割は使用することが多いテクニックなのに、意外と参考書に書かれてないので覚えておくとGOOD

See the Pen Untitled by 山崎毅 (@lvfthhbg-the-flexboxer) on CodePen.

See the Pen Untitled by 山崎毅 (@yotreejs-the-looper) on CodePen.

今回紹介するのは、カードデザインを実装する際にカードの要素にリンクが複数あるときの実装方法を記載しておく。aタグの中に複数のaタグをhtmlでは実装できないのでcssでやる方法になる。 See the Pen Untit

zendeskをカスタマイズする案件に携わっているのでメモとして保存しておく。基本cssはお好みで大丈夫です。 HTML CSS JavaScript

閉じ「｝」の前に「placeholder=’表示したいテキスト’」を追加するだけでOKだ。

transition を指定する時はプロパティも指定する PC/SPの画像の切替えは display: none でやらない background-image より <img> を使うようにする背景で使う画