- Web業界の動向・情報
【コーディング屋のネタ帳】簡単に実装できるスクロールアニメーション3選
最近のWEBサイトでは、スクロールに合わせて要素がふわっと現れる「スクロールアニメーション」をよく見かけますよね。動きのあるデザインを加えることで、ユーザーの興味を引きつけ、ページにインパクトを与えることができます。ただ […]
- Web業界の動向・情報
「cosha」画像と同じ色のシャドウを入れてオシャレにしてみた。
こんにちは。FASTCODINGデザイナーの七転び八重子です。 今回は、写真のカラーに合わせて同じカラーのシャドウを入れてくれるJavaScript「cosha（コーシャ）」をご紹介します。スクリプトは非常に軽量で依存性 […]
- Web業界の動向・情報
【2021年4月】現場で使える！テキストエフェクトのまとめ
こんにちは。FASTCODINGデザイナーの七転び八重子です。 Webサイトで使いたい！カッコよくて、オシャレなテキストエフェクト・アニメーションをまとめてみました。 今回は、codepenから探してみました。 目次 C […]
- Web業界の動向・情報
「Lazy Load」でページの読み込み速度を向上させる
こんにちは。FASTCODINGデザイナーの七転び八重子です。 大量の画像を表示するWebページは、表示速度が遅くなりがちです。ページ速度が遅くなると、ブラウザが重くなるので、画面操作に支障が出て、UIが低下してしまいま […]
- Web業界の動向・情報
【アニメーション特集 -6】アニメーションを最適化してパフォーマンスを高める
こんにちは。FASTCODINGデザイナーの七転び八重子です。 アニメーションをシリーズでまとめて見よう！第6回は、「アニメーションを最適化してパフォーマンスを高める」です。これまでの特集で、CSS、JavaScript […]
- Web業界の動向・情報
【アニメーション特集 -5】JavaScriptアニメーションライブラリまとめ（2021年2月版）
こんにちは。FASTCODINGデザイナーの七転び八重子です。 アニメーションをシリーズでまとめて見よう！第5回は、「JavaScriptアニメーションライブラリ2021年2月まとめ」です。前回、JavaScriptアニ […]
- Web業界の動向・情報
【アニメーション特集 -4】JavaScriptアニメーション基本・作り方まとめ
こんにちは。FASTCODINGデザイナーの七転び八重子です。 アニメーションをシリーズでまとめて見よう！第4回は、「JavaScriptアニメーション基本・作り方まとめ」です。CSSアニメーションについて、基本からおす […]
- Web業界の動向・情報
【アニメーション特集 – 1】アニメーションはCSSとJSのどちらを使うべきなのか？
こんにちは。FASTCODINGデザイナーの七転び八重子です。 WebサイトのUI/UXに欠かせないアニメーション。ボタンをふわふわ動かしたり、要素をスライドインさせたり等、アニメーションを取り入れる事でユーザーを誘導す […]
- Web業界の動向・情報
2020年Adobe Flash終了の要因とリスク！HTML5への移行
こんにちは。FASTCODINGデザイナーの七転び八重子です。 Adobe Flashがいよいよ、2020年末でサポート終了となります。 今回は、Flash終了に伴うリスクとHTML5への移行方法をまとめてみました。 目 […]
