デザインチーム– category –

こんにちは、コーダーのオッコです。 直しちゃったので参考になる画像がないのですが、スマホ実機でリンクがついた画像をタップすると、タップした領域がデフォルトで青くなる現象に遭遇したので修正方法をメモがてら残します。 結論 こうする。 -webkit-t...

コーダーのオッコです。 SEO対策の一環として用いられる、モバイルフレンドリーテスト。 なぜか失敗するときには以下を試してみてください。 CSSが読み込まれない テスト結果画面で「スクリーンショット」を確認してみてください。 ページのデザインが大き...

こんにちは、コーダーのオッコです。 GA4の設定が大変だったのでメモ代わりに残します。 目次 大前提としてこれらは何なのか GTMとGA4とGSCの関係性 それぞれを連携させる 開発環境からのアクセスは計測しないようにする方法 2サイト間のユーザーの動きを...

:first-childが効かない原因は子要素の構造にある コーダーのオッコです。 <div> 　 <h2>hogehoge</h2> 　<p>aaaa</p> 　<p>bbbb</p> 　 <p>cccc</p> 　<p>dddd</p> </div> こう...

横長の要素にoverflowが効かない問題 コーダーのオッコです。 カレンダーをスマホで横スクロールにしたかったのですが、カレンダーの横幅のcssを以下のように書いてもはみ出す問題がありました。 width: 100%; overflow: auto; -webkit-overflow-scrolling...

こちらはエンジニアとデザイナの領域が交わった作業になりますが、とても簡単とのことなので@オッコさんにレクチャーいただきました。(アピコ） 詳しくは下記になります。 /** * 口コミ商品一覧 */ public function listAction(){ $this->outHttpRespon...

新米アピコです。 WEBデザイナーなら、1からWordPressでのサイトを構築しなければならないということで、ドメイン作成からインストールまでを行ないました。 分かって仕舞えばものの10分で終わるのですが、分からないと1時間以上かかちゃいます！ 既存のド...

アピコです。 ShopifyでのECサイト構築はデザイナー単独でもできる！！ とのことで（汗）、初めてShopifyに入ってみるとWordPressと同じような編集方法でECサイトができます。 （WordPressの賢威を使ってサイトを作たブログもあります） なるほど、アプリ...

コンバージョンとは Webサイト上で獲得する「最終的な成果」を意味するコンバージョン。Webサイトや広告のパフォーマンスを示す、Webマーケティングにおける重要な指標のひとつ。 また、Webサイトにおけるコンバージョンはひとつとは限らず、複数設定して...

どんなシステムか デザイナーのオッコです。 iPhoneで写真を撮らせるフローがあるシステムってありますよね。 例えば顔写真認証サイトなど。 今回の案件では、受付のときに写真が必要なシステムがありました。 流れとしては、受付時に「写真を撮る」ボタン...