Web制作挑戦– category –

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

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

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

メインビジュアルに画像を重ねてリンクを張ってほしいとご依頼がありました。 今回はメインビジュアルに対し２つの画像（マーク）を配置して、①PDFリンク（ダウンロードしない場合はdownloadを削除）②サイト内ページリンクを貼りました。幾つでも重ねるこ...

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

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

サイトイメージの基になるヒアリングの重要性 前回ご紹介したアピスのヒアリングシートですが、お客様のご記入が終わり本日ご提出いただきました。 今回のヒアリング項目は16つになります。（必要に応じで付け足してください） サイトタイトルドメインサー...

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

TPL <div class="news"> <a href="news/list/"> <span class="news-badge">!</span> </a> </div> CSS .news-badge {margin-top: -25px;box-sizing: border-box;min-width: 14px;height: 14px;padding: 0 5px;border-r...

本日はお客様にご挨拶と共に、提供資料「サーバー設置」「WordPress用 賢威の購入」についての手順書をメールにてお送りいたしました。 それからデザイナーにとって重要な「サイトについてのヒアリングシート」、「トーンアンドマナーの踏襲とアスペクト比...