2022年– date –

TECN NEWS 自動表示枠 1.xamppが起動しない 「xampp-control」を押下しても起動はしているが、画面上に表示されないケースがたまにあります。 主にデュアルディスプレイを使用している場合に起きます。 そういう場合は「xampp-control.ini」の設定ファイル...

デザイナーのオッコです。 どうしても横長のコンテンツをスマホで表示しなければならないときってありますよね。 でもぱっと見て「横スクロールができる」とユーザーに分からせるUIを作るのは案外難しいです。 そこで、指マークが出てくれるプラグイン「sc...

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

アピコです。 ワードプレスに賢威の設定ができたのでサイト表示確認をしたら、URLの末尾に/wp/が付いています！？ 「お客様がLPやダイレクトメール、または、名刺などでサイト表記したときカッコ悪いのではないか？」 という課題ができてしまいました。 サ...

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

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

デザイナーのオッコです。 表が長くなると、見出しを固定したくなることがありますね。 今日はそんなときに使える、position:stickyを使った処理をご紹介したいと思います。 前提：UIKitを使用しているためある程度のテーブルが既に出来上がっている（ukク...

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

デザイナーのオッコです。 私のプロジェクトではよくsmartyを利用するのですが、VSCodeでは、smartyやlarabel bladeといった テンプレートエンジンを使用するとデフォルトではemmetが効かないんですね。 プロジェクト参画時、一旦あきらめてタグを手打ちし...

TECN NEWS 自動表示枠 送料を設定する こんにちは！スタッフのMです。 前回は、Shopifyの決済登録までの記事を書きました。今回は送料登録です。 まずは、ショップのトップ画面の左下の【設定】をクリックします。 次に左側のメニューリストから【配送と配...