コーディングメモ– category –
-
新しいページのtplファイルを追加したい時
こちらはエンジニアとデザイナの領域が交わった作業になりますが、とても簡単とのことなので@オッコさんにレクチャーいただきました。(アピコ） 詳しくは下記になります。 /** * 口コミ商品一覧 */ public function listAction(){ $this->outHttpRespon... -
safariで、撮った写真をブラウザ上で表示させる機能が動かない【iPhone/iPad】
どんなシステムか デザイナーのオッコです。 iPhoneで写真を撮らせるフローがあるシステムってありますよね。 例えば顔写真認証サイトなど。 今回の案件では、受付のときに写真が必要なシステムがありました。 流れとしては、受付時に「写真を撮る」ボタン... -
scroll-hintで横長の表の操作性を改善する
デザイナーのオッコです。 どうしても横長のコンテンツをスマホで表示しなければならないときってありますよね。 でもぱっと見て「横スクロールができる」とユーザーに分からせるUIを作るのは案外難しいです。 そこで、指マークが出てくれるプラグイン「sc... -
インデント【無料】HTMLのコード整形ツール
コーディングにはインデントを入れるルールがありますが、複数のエンジニアやコーダーが入ってコピー＆ペーストなどで編集した時、かなりインデントが乱れ、コードがわからなくなることがあります。 そんな時、カンタンにページのインデントを整形してくれ... -
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が効かないんですね。 プロジェクト参画時、一旦あきらめてタグを手打ちし... -
コンテンツが少ない場合にfooterが上にせり上がる問題について
デザイナーのオッコです。 現在改修しているサイトで、コンテンツの量が少ないときにフッタが上に詰めて表示されてしまうという問題がありました。 フッタがせり上がって、下に空間が空いてしまっていますね。 このようなときは、bodyとfooterに以下のコー... -
【jquery】iOS用クリックイベント「touchend」で二重にイベントが発火していた件【iPad】
デザイナーのオッコです。 今から、私が悩んだiPadでの挙動についての解決策をお話ししようと思います。 iPadでプルダウンをタップするとすぐ閉じてしまう iPadでヘッダメニューにあるプルダウンをタップすると、開いたらすぐ閉じてしまう、というバグの調... -
「.rej」ファイルって一体何なのか
いつの間にかローカルにできている差分ファイル デザイナーのオッコです。 git管理をしていると、ローカルに「.rej」という拡張子の見慣れないファイルができることがありますよね。 これは簡単に言うと差分ファイルで、ファイルマージに失敗した際に自動...
