-
Web業界の動向・情報
【アニメーション特集 -2】CSSアニメーションの基本・作り方まとめ
こんにちは。FASTCODINGデザイナーの七転び八重子です。 アニメーションをシリーズでまとめて見よう!第二回は、「CSSアニメーションの基本・作り方まとめ」です。CSSアニメ...
-
Web業界の動向・情報
【アニメーション特集 – 1】アニメーションはCSSとJSのどちらを使うべきなのか?
こんにちは。FASTCODINGデザイナーの七転び八重子です。 WebサイトのUI/UXに欠かせないアニメーション。ボタンをふわふわ動かしたり、要素をスライドインさせたり等、アニメ...
-
Web業界の動向・情報
【2021注目】フロントエンド開発「静的サイトジェネレータ」
こんにちは。FASTCODINGデザイナーの七転び八重子です。 2021年は、フロントエンド開発の需要はますます高くなる見込みです。 フロントエンドのデベロッパーは、一昔前は、HTMLとCSS...
-
Web業界の動向・情報
主流のデザインソフトでWebデザイン作るときの基本設定
こんにちは。FASTCODINGデザイナーの七転び八重子です。 Webサイトをデザインするにあたり、みなさんどのソフトを利用されているでしょうか?今回は、とても初歩的...
-
Web業界の動向・情報
【2021年1月】スマホ用Webデザインはこのアートボードサイズで作ろう!
こんにちは。FASTCODINGデザイナーの七転び八重子です。 新型iPhone 12の発売に伴い、iPhone画面解像度を調べてみました。また、スマホ用Webデザインをする際に、どの...
-
Web業界の動向・情報
入力率を高める!お問合わせフォームのデザイン
こんにちは。FASTCODINGデザイナーの七転び八重子です。 今回は、Webサイトのコンバージョン率に関わる重要なメールフォームについて、離脱させないデザイン時の注意点を考慮し...
-
Web業界の動向・情報
プロトタイプのユーザーテストが簡単に行える「Maze」
こんにちは。FASTCODINGデザイナーの七転び八重子です。 Webサイトをデザインしても、作成者の意図がそのままユーザーの理解に繋がるとは限りません。そこで、プロトタイプの段階で...
-
Web業界の動向・情報
【2020年版】配色の基本5ポイントと便利ツール5選!
こんにちは。FASTCODINGデザイナーの七転び八重子です。 配色を決めるときに、迷ったら配色を提案してくれる便利なサイトがありますが、結構たくさんあるので今回は厳選して...
-
Web業界の動向・情報
【Google Fonts 高速化】必要な文字だけを読み込む方法!
こんにちは。FASTCODINGデザイナーの七転び八重子です。 Webフォント(Google Fonts)って利用されている方多いと思いますが、例えば、サイトタイトルや見出しだけ利...