オッコ– Author –

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

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

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

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

デザイナーのオッコです。 今から、私が悩んだiPadでの挙動についての解決策をお話ししようと思います。 iPadでプルダウンをタップするとすぐ閉じてしまう iPadでヘッダメニューにあるプルダウンをタップすると、開いたらすぐ閉じてしまう、というバグの調...

いつの間にかローカルにできている差分ファイル デザイナーのオッコです。 git管理をしていると、ローカルに「.rej」という拡張子の見慣れないファイルができることがありますよね。 これは簡単に言うと差分ファイルで、ファイルマージに失敗した際に自動...

デザイナーのオッコです。 みなさん、エディタは何を使っていますか？　せーの！ VSCode～！！ ですよね～！ 私は昔Atomを使っていたのですが、なんとブラックホールのごとくVSCodeに吸収されてしまい、 泣く泣くVSCodeに切り替えたところ 「なんでもっと...

デザイナーのオッコです。 先日このようなことがありました。 弊社エンジニア「私の作業が1週間以上巻き戻っているのですが・・・・・・」 O「・・・・・・」 私のマージ作業でどうやらエンジニアさんの作業を消してしまったようでした。 私の作業内容と巻...

デザイナーのオッコです。 プロジェクトで使用しているfont awesomeのバージョンを上げる際以下のことに気が付きました。 font awesome 6のCDNが公式ページのどこにもない font awesome公式サイトによると、CDNはfont awesome 5を最後に廃止されたようです...