インデント【無料】HTMLのコード整形ツール 更新日:2024年6月19日 公開日:2022年11月25日 webコーダー挑戦Webデザイナ挑戦コーダー技術MEMO コーディングにはインデントを入れるルールがありますが、複数のエンジニアやコーダーが入ってコピー&ペーストなどで編集した時、かなりインデントが乱れ、コードがわからなくなることがあります。 そんな時、カンタンにページのインデ […] 続きを読む
position:stickyを使ってテーブルの1行目を固定する【css】 更新日:2024年6月19日 公開日:2022年11月22日 webコーダー挑戦コーダー技術MEMOデザインチーム デザイナーのオッコです。 表が長くなると、見出しを固定したくなることがありますね。 今日はそんなときに使える、position:stickyを使った処理をご紹介したいと思います。 前提:UIKitを使用しているためある程 […] 続きを読む
Emmetで文字列を囲んでタグを後付けする【Visual Studio Code】 更新日:2024年6月19日 公開日:2022年11月17日 webコーダー挑戦コーダー技術MEMOデザインチーム デザイナーのオッコです。 htmlを書いていたけど、途中で要素同士をdivで囲む必要が出てきた!ということ、ありますよね。 そんなときに使えるemmetのショートカットをご紹介します。 まずこのショートカットの名前は 「 […] 続きを読む
Smartyでemmetを効かせる【Visual Code Studio】 更新日:2024年6月19日 公開日:2022年11月17日 webコーダー挑戦コーダー技術MEMOデザインチーム デザイナーのオッコです。 私のプロジェクトではよくsmartyを利用するのですが、VSCodeでは、smartyやlarabel bladeといった テンプレートエンジンを使用するとデフォルトではemmetが効かないんで […] 続きを読む
コンテンツが少ない場合にfooterが上にせり上がる問題について 更新日:2023年4月25日 公開日:2022年11月1日 webコーダー挑戦コーダー技術MEMOデザインチーム デザイナーのオッコです。 現在改修しているサイトで、コンテンツの量が少ないときにフッタが上に詰めて表示されてしまうという問題がありました。 フッタがせり上がって、下に空間が空いてしまっていますね。 このようなときは、bo […] 続きを読む
【jquery】iOS用クリックイベント「touchend」で二重にイベントが発火していた件【iPad】 更新日:2024年6月19日 公開日:2022年10月28日 webコーダー挑戦コーダー技術MEMOデザインチーム デザイナーのオッコです。 今から、私が悩んだiPadでの挙動についての解決策をお話ししようと思います。 iPadでプルダウンをタップするとすぐ閉じてしまう iPadでヘッダメニューにあるプルダウンをタップすると、開いたら […] 続きを読む