昨今のサイト制作ではアニメーションがほぼ必須になってきています。 どんなWEBサイトでも必ずどこかに動きがありますよね。 ただアニメーションって動きが重くページ表示スピードに大きく関わってきます。 特に直近ではGoogleのスピードアップデートにより、SEO的にもページ表示速度は重要なものになりました。 そこで今回は動きも軽くコードを追加するだけでラクラク表現出来るCSSアニメーションがたくさん詰まった、オススメのCSSアニメーション ライブラリをご紹介いたします。 お気に入り必須です！！ Animate.css Animate.cssは人気のライブラリの1つ。インタフェースが非常に分かりやすいです。 また新しいものの追加も随時されておりオススメです。 サイトはこちら Bounce.js jsを使用していますが動きは軽く、他のサイトと比べてもアニメーションの動きが非常に滑らかです。 他には

適切なカラーを自分で作るのは中々大変。 特にiPad版のプロクリエイトだと自分で色を選択してカラーパレットを選択するという方法が一般的。 そこで本日は、Procreateで簡単に色合いと組み合わせが良いカラーパレットを作る方法をご紹介します。 Procreateで簡単に良い色合いのカラーパレットを作る方法 以下の動画で詳しくまとまっています。 簡単に説明すると 以下のAdobeのカラーパレットサイトにアクセスします。 https://color.adobe.com/create/color-wheel/ 以下の画面が出るので上部メニューの「探索」を選択。 そうすると、色合いと組み合わせが良いパレットがたくさん表示されます。 気に入った部分をスクリーンショットをとり、Procreateを起動しスクリーンショットを挿入、カラーPickツールで色を吸い取り、スウォッチに登録するというのを繰り返す

夏といえばマリン柄！ トリコロールカラーが夏っぽさを演出してくれます。 そこで本日は何にでも合わせられる、夏にぴったりなマリン柄のパターン10種をご紹介！ ぜひダウンロードして夏のデザインに組み合わせてみましょう。 FREE MARINE SEAMLESS PATTERNS COLLECTION AI,PSD,PNG、3種類の保存形式でダウンロードが可能です。 簡単に調整することが出来ます。 ぜひダウンロードをして夏のデザインに取り入れましょう！ ダウンロードはこちら

無駄にマテリアルデザインのサイトに馴染む、マテリアルデザインで作られた絵文字アイコン25種類を今回はご紹介します。 色合いやシャドウの付け方が完璧なのでマテリアルデザインのWEBサイトにはもちろん、SNSのアイコンとしても使えそう。 絵文字と侮るなかれ、結構参考になります。 25 Free Material Design Emoji Iconsダウンロード方法はPNGかSVG。 SVGでダウンロードをすればサイズも自由に変えられるので便利ですね。 ダウンロードはこちら