アピステクノロジー｜tec note｜WEB制作お役立ちスタッフ作業ブログ 2022 - tec note

tec note

テクニカル | あれこれ作業報告

年別: 2022年

Xampp使用時のよくある不具合と治し方

  • 公開日：
1.xamppが起動しない 「xampp-control」を押下しても起動はしているが、画面上に表示されないケースがたまにあります。 主にデュアルディスプレイを使用している場合に起きます。 そういう場合は「xampp-c […]
続きを読む

scroll-hintで横長の表の操作性を改善する

  • 更新日：
  • 公開日：
デザイナーのオッコです。 どうしても横長のコンテンツをスマホで表示しなければならないときってありますよね。 でもぱっと見て「横スクロールができる」とユーザーに分からせるUIを作るのは案外難しいです。 そこで、指マークが出 […]
続きを読む

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

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

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

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

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

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

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

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

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

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