「デザインチーム」の記事一覧

【初心者コーダー必見】コピペで実装できる参考サイト

■Pote Stock とっても簡単にHTMLとCSSで実装できる参考コードがコピーできます。 ※アピコの場合はtplファイルでシステムが入り込んで複雑すぎて成功できませんでした（汗）。 https://pote-chi […]

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

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

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

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

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

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

デザイナーのオッコです。私のプロジェクトではよくsmartyを利用するのですが、VSCodeでは、smartyやlarabel bladeといったテンプレートエンジンを使用するとデフォルトではemmetが効かないんで […]

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

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