- React, Vue.js
2021年最新バージョンをリリース予定のFont Awesome v6！使った事がない人は必見
こんにちは。FASTCODINGデザイナーの七転び八重子です。 2021年にFont Awesomeから最新バージョンがリリースされます。 その前に、アイコンをフォントとして扱える便利ツールFont Awesomeの使い […]
- React, Vue.js
【2020年10月版】デザイナー必読！Webサイト横幅サイズとファーストビューサイズ
こんにちは。FASTCODINGデザイナーの七転び八重子です。 Webサイトのデザインの際、皆さんは何ピクセルにしていますか？２、３年変えてないって方は、要注意です。 今回は、Webデザイナーの皆さんが気になるWebサイ […]
- React, Vue.js
今更きけない！構造化データって何？
こんにちは。FASTCODINGデザイナーの七転び八重子です。 去年あたりから広く知られるようになった「構造化データ」。 検索エンジンに、HTMLで書かれたWebページを理解できるようにするマークアップ方法で、検索結果の […]
- React, Vue.js
Googleの新しい検索ランキング指標「Core Web Vitals」とは
こんにちは。FASTCODINGデザイナーの七転び八重子です。 Googleは2020年5月28日、検索ランキングの要因に、Webページの「ユーザーエクスペリエンス」をより重視することを発表しました。これまでの基本指標に […]
- React, Vue.js
CSSで背景を斜めにデザインする方法まとめ！
こんにちは。FASTCODINGデザイナーの七転び八重子です。 今回は、CSSで実装可能な、背景を斜めに区切ったレイアウトにする方法をご紹介します。 ちょっとした工夫ですが、結構オシャレになっちゃいます。 目次 斜めデザ […]
- React, Vue.js
【保存版】CSS Flexbox プロパティまとめ
こんにちは。FASTCODINGデザイナーの七転び八重子です。 前回「Flexbox（フレックスボックス）」を使ったレイアウトの仕方をまとめてみました。今回は、親要素（.flex-container）と子要素（.flex […]
- React, Vue.js
【2020年版】CSS Flexbox 実践！レイアウトを作る
こんにちは。FASTCODINGデザイナーの七転び八重子です。 CSSでレイアウトを組む時、一昔前はfloatなどを使ってレイアウトを組む方法が一般的でしたが、最近では「Flexbox（フレックスボックス）」を使ってレイ […]
- React, Vue.js
2020年Adobe Flash終了の要因とリスク！HTML5への移行
こんにちは。FASTCODINGデザイナーの七転び八重子です。 Adobe Flashがいよいよ、2020年末でサポート終了となります。 今回は、Flash終了に伴うリスクとHTML5への移行方法をまとめてみました。 目 […]
- React, Vue.js
Webアクセシビリティ対応① 基礎編
こんにちは。FASTCODINGデザイナーの七転び八重子です。 アクセシビリティ対応！完璧ですか？ 昨今、公的機関のWebサイトだけでなく、一般サイトにもその対応が広まっています。 一昔前は、身体的制限のある方に向けた対 […]
