takec23com | - パート 8

【CSS】カードデザインで要素にリンクが複数ある時の実装方法

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

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

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

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

構造と見た目のCSSを分ける構造と見た目を分けることによって、見た目がスッキリするのと、HTMLの構造が変わってもすぐに修正することができるので、メンテナンス性が高くなります。コードの量はなるべく減らすようにする

今回はスクロールバーをカスタマイズする方法を紹介する

今回は実務で利用できる見出しデザインをいくつか紹介する See the Pen Untitled by 山崎毅 (@lvfthhbg-the-flexboxer) on CodePen.

今回はpictureタグを使ってPCとSPで画像を切り替える方法を紹介する。今回はブレイクポイントをPCが768px以上、SPが767px以下とした場合としている。

swiper.jsはとても便利だ。しかし、高さが違う画像などをスライダーにせってした時に高さがバラバラになってしまう。それをCSSのみで解決できるので、今回はその方法を紹介する。.swiper-slideにheight