アピステクノロジー|tec note|WEB制作お役立ちスタッフ作業ブログ 11月 2022 - tec &Life LABO

tec &Life LABO

技術が変える楽しい生活

月別: 2022年11月

インデント【無料】HTMLのコード整形ツール

コーディングにはインデントを入れるルールがありますが、複数のエンジニアやコーダーが入ってコピー&ペーストなどで編集した時、かなりインデントが乱れ、コードがわからなくなることがあります。 そんな時、カンタンにページのインデ […]

jQueryで数値を「+/−」で増減させるスピナーボタン

アピコです。 ECサイトでご要望の多い、数値を「+/−」で増減させるスピナーボタンをご紹介。カラーはサイトのトーン&マナーを意識して変更してください。 新米なので、円の上に「+」「ー」がうまくハマる方法がわからず、作業時 […]

要素の上にチェックボックスを重ねる方法

アピコです。 今回はECサイトなどで商品を選択して一括で追加するときなどに使うチェックボックスのご紹介。 画像の上に表示させたかったので、なるべく分かりやすいように大きめに表示しました。 /* コメント*/ を参考に入れ […]

position:stickyを使ってテーブルの1行目を固定する【css】

デザイナーのオッコです。 表が長くなると、見出しを固定したくなることがありますね。 今日はそんなときに使える、position:stickyを使った処理をご紹介したいと思います。 前提:UIKitを使用しているためある程 […]

Emmetで文字列を囲んでタグを後付けする【Visual Studio Code】

デザイナーのオッコです。 htmlを書いていたけど、途中で要素同士をdivで囲む必要が出てきた!ということ、ありますよね。 そんなときに使えるemmetのショートカットをご紹介します。 まずこのショートカットの名前は 「 […]

コンテンツが少ない場合にfooterが上にせり上がる問題について

デザイナーのオッコです。 現在改修しているサイトで、コンテンツの量が少ないときにフッタが上に詰めて表示されてしまうという問題がありました。 フッタがせり上がって、下に空間が空いてしまっていますね。 このようなときは、bo […]