CSSだけで作るアコーディオンメニュー
誰が手がけたのがわからないようなすでにあるサイトの更新時に「アコーディオンで開くコンテンツ追加してほしい」と言われjsは追加したくないけど実現させる、CSSだけでアコーディオンメニューが作れるコードです。 尚、以下コード […]
フリーランスとして働くWebデザイナーの備忘録・メモ
誰が手がけたのがわからないようなすでにあるサイトの更新時に「アコーディオンで開くコンテンツ追加してほしい」と言われjsは追加したくないけど実現させる、CSSだけでアコーディオンメニューが作れるコードです。 尚、以下コード […]
施工実績や導入事例などで、サムネイル付きのリストを、横スクロールにする方法です。 [crayon-6282f2371221c322613331/] [crayon-6282f23712227812796888/] liの […]
「特殊文字」は機種依存文字とも呼ばれ、いろんなものがあります。 例えば、①、②、③ これも特殊文字。 単位などもありますね。 HTMLを書いている時に、機種依存文字をそのまま記載してし […]
お見積もりまでの流れや、作業の流れなどのフローを作成する場合のチャートのCSSです。見た目はこんな感じ。 [crayon-6282f23712628463753219/] [crayon-6282f23712630287 […]
通常の2行目以降のインデント下げは以下。 [crayon-6282f23712936618728589/] ただ、これでは3行目以降がうまくいかないし FAQなどのリストの場合も不便。 CSSで2行目以降の文字を下げて、 […]
スマホで見てもらった場合、すぐに電話をかけて欲しいとの要望から、 a要素のhref属性を “tel:〜”と設定し、ブラウザのタップですぐに電話をかけられるようにします。 [crayon-6282f […]
長い間、「class=”clearfix”」にお世話になっておりました。 しかし、これもメンテナンスする時期かなーと再考することにしました。 旧 clearfix 私がよく使っていたclearfi […]