-
フロントエンド
【2021年1月】スマホ用Webデザインはこのアートボードサイズで作ろう!
こんにちは。FASTCODINGデザイナーの七転び八重子です。 新型iPhone 12の発売に伴い、iPhone画面解像度を調べてみました。また、スマホ用Webデザインをする際に、どの...
-
フロントエンド
入力率を高める!お問合わせフォームのデザイン
こんにちは。FASTCODINGデザイナーの七転び八重子です。 今回は、Webサイトのコンバージョン率に関わる重要なメールフォームについて、離脱させないデザイン時の注意点を考慮し...
-
フロントエンド
【Google Fonts 高速化】必要な文字だけを読み込む方法!
こんにちは。FASTCODINGデザイナーの七転び八重子です。 Webフォント(Google Fonts)って利用されている方多いと思いますが、例えば、サイトタイトルや見出しだけ利...
-
フロントエンド
2021年最新バージョンをリリース予定のFont Awesome v6!使った事がない人は必見
こんにちは。FASTCODINGデザイナーの七転び八重子です。 2021年にFont Awesomeから最新バージョンがリリースされます。 その前に、アイコンをフォントとして扱える便利ツー...
-
フロントエンド
【2020年10月版】デザイナー必読!Webサイト横幅サイズとファーストビューサイズ
こんにちは。FASTCODINGデザイナーの七転び八重子です。 Webサイトのデザインの際、皆さんは何ピクセルにしていますか?2、3年変えてないって方は、要注意です。 今...
-
フロントエンド
今更きけない!構造化データって何?
こんにちは。FASTCODINGデザイナーの七転び八重子です。 去年あたりから広く知られるようになった「構造化データ」。 検索エンジンに、HTMLで書かれたWebページを理解で...
-
フロントエンド
Googleの新しい検索ランキング指標「Core Web Vitals」とは
こんにちは。FASTCODINGデザイナーの七転び八重子です。 Googleは2020年5月28日、検索ランキングの要因に、Webページの「ユーザーエクスペリエンス」をより重視することを発表...
-
フロントエンド
CSSで背景を斜めにデザインする方法まとめ!
こんにちは。FASTCODINGデザイナーの七転び八重子です。 今回は、CSSで実装可能な、背景を斜めに区切ったレイアウトにする方法をご紹介します。 ちょっとした工...
-
フロントエンド
【保存版】CSS Flexbox プロパティまとめ
こんにちは。FASTCODINGデザイナーの七転び八重子です。 前回「Flexbox(フレックスボックス)」を使ったレイアウトの仕方をまとめてみました。今回は、親要素(.flex-conta...