【個人的】デザイン、コーディングの参考にしたいサイト3選

こんにちはワタナベです！

緊急事態宣言が解除されて大分経ちましたが特に用事が無いので引きこもり続けています。
料理は苦手なのですが、ちょっと興味が出てきた今日この頃です。

今回は最近個人的にいいなーと思った、参考にしたいなーと思ったサイトをご紹介します。

UNIEL ltd. RECRUIT SITE Second Face

 UNIEL ltd. RECRUIT SITE Second Face

UNIEL ltd. RECRUIT SITE Second Face

https://recruit.uniel.jp

株式会社ユニエルの採用サイトです。ユニエルは、幅広い分野でブランディングから制作までを一貫して行う、クリエイティブスタジオです。現在ユニエルでは一緒に働くメンバーを募集しております。皆さまのご応募お待ちしております。

デザイン会社のリクルートサイトです。
全体的にシンプルで、手書きとデジタルがうまく融合してる！と感じるサイトです。
ホバー動作などの動きも気持ちいいです。

スマホになったときはこうなるのか～と、コーディング方面でも参考にしたいと思いました。

あんさんぶるスターズ！！

 ensemble-stars.jp  21 users

あんさんぶるスターズ！！

https://ensemble-stars.jp

あんさんぶるスターズ！！Basicではこれまでの『あんスタ！』がより使いやすくアップデート！Musicはリズムゲームアプリとしてコンテンツをお楽しみいただけます！個性豊かなアイドルたちが所属する事務所アンサンブルスクエアを舞台に新たな物語が始まる！

アプリゲームのオフィシャルサイト。実は私もプレイ中のゲームだったり

カラフルながらもキレイにまとまっています。
画像のシャドウが虹色になっているのが個人的にとても好きです。

「Story」ページなどの、さりげないパララックス効果や、
「Discography」「Media」などの更新コンテンツもキレイにまとまっていて見やすくお気に入りの１サイトです。

FREEDOM MAGAZINE by Harley-Davidson Japan

 FREEDOM MAGAZINE by Harley-Davidson Japan...  31 tweets 1 user

FREEDOM MAGAZINE by Harley-Davidson Japan

https://freedom.harley-davidson.co.jp

ハーレーダビッドソンジャパンの公式ウェブマガジン "フリーダム・マガジン" は、モーターファン必見のバイク情報のほか、新世代に向けたオリジナル特集記事も満載。ハーレーの新たな魅力をお届けします！

ウェブマガジンのサイトさん。

お気に入りポイントは画像リンクのホバー動作。
これはcss3のブレンドモードを使っており、こちらのサイトでは、
「mix-blend-mode: color-burn;」と「mix-blend-mode: hard-light;」を使用してインパクトのあるオシャレなホバー動作を再現しています。
今までIEやEdgeで非対応だからと避けていた表現ですが、
現在（2020年6月末）のブラウザのサポート状況はこちら↓

参照：Can I use

なんとEdgeでサポートされています！
残すはIEのみとなりました。

そんな憎きIE11はあと５年ちょっとでサポートが終了します。

参照：IE11 end of support countdown

もはや、IEには見切りをつける頃合いです。

今後機会があれば自分も積極的に使っていきたいなと思いました。

それではまた次回。

ご閲覧ありがとうございました！