WORK-admin– Author –
-
position:stickyを使ってテーブルの1行目を固定する【css】
デザイナーのオッコです。 表が長くなると、見出しを固定したくなることがありますね。 今日はそんなときに使える、position:stickyを使った処理をご紹介したいと思います。 前提：UIKitを使用しているためある程度のテーブルが既に出来上がっている（ukク... -
Emmetで文字列を囲んでタグを後付けする【Visual Studio Code】
デザイナーのオッコです。 htmlを書いていたけど、途中で要素同士をdivで囲む必要が出てきた！ということ、ありますよね。 そんなときに使えるemmetのショートカットをご紹介します。 まずこのショートカットの名前は 「Emmet: Wrap with Abbreviation」 ... -
Smartyでemmetを効かせる【Visual Code Studio】
デザイナーのオッコです。 私のプロジェクトではよくsmartyを利用するのですが、VSCodeでは、smartyやlarabel bladeといった テンプレートエンジンを使用するとデフォルトではemmetが効かないんですね。 プロジェクト参画時、一旦あきらめてタグを手打ちし... -
Shopify基本設定編④～送料登録～
TECN NEWS 自動表示枠 送料を設定する こんにちは！スタッフのMです。 前回は、Shopifyの決済登録までの記事を書きました。今回は送料登録です。 まずは、ショップのトップ画面の左下の【設定】をクリックします。 次に左側のメニューリストから【配送と配... -
コンテンツが少ない場合にfooterが上にせり上がる問題について
デザイナーのオッコです。 現在改修しているサイトで、コンテンツの量が少ないときにフッタが上に詰めて表示されてしまうという問題がありました。 フッタがせり上がって、下に空間が空いてしまっていますね。 このようなときは、bodyとfooterに以下のコー... -
メインビジュアルに画像を重ねてリンクを張る方法
TECN NEWS 自動表示枠 メインビジュアルに画像を重ねてリンクを張ってほしいとご依頼がありました。 今回はメインビジュアルに対し２つの画像（マーク）を配置して、①PDFリンク（ダウンロードしない場合はdownloadを削除）②サイト内ページリンクを貼りまし... -
ECサイト TOPページ スラーダー サイズ調整
TECN NEWS 自動表示枠 画像サイズを指定してトリミングをする HTML CSS UIKITのuk-sliderを使ったTOPページのスライダーでしたが、CSVで登録した画像がサイズがまちまちだとスライダーの上下が変更し、みっともないので修正してほしいと指示がありました。... -
【jquery】iOS用クリックイベント「touchend」で二重にイベントが発火していた件【iPad】
デザイナーのオッコです。 今から、私が悩んだiPadでの挙動についての解決策をお話ししようと思います。 TECN NEWS 自動表示枠 iPadでプルダウンをタップするとすぐ閉じてしまう iPadでヘッダメニューにあるプルダウンをタップすると、開いたらすぐ閉じて... -
「.rej」ファイルって一体何なのか
TECN NEWS 自動表示枠 いつの間にかローカルにできている差分ファイル デザイナーのオッコです。 git管理をしていると、ローカルに「.rej」という拡張子の見慣れないファイルができることがありますよね。 これは簡単に言うと差分ファイルで、ファイルマー... -
プロマーケッターから学ぶ｜インスタ マーケティング術 No,08
どうやら、インスタのエンゲージメント率が上がらないことはデザイン性より投稿内容にあるようなので、もう少しコピーライチングやセールスマーケティングについて調べてみます。 TECN NEWS 自動表示枠 セールスライティングとコピーライティングの違い セ...
