<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/6b4d7003-734f-49e1-b50d-5ada0c4c23d8/Twitter_Logo_Blue.png" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/6b4d7003-734f-49e1-b50d-5ada0c4c23d8/Twitter_Logo_Blue.png" width="40px" /> Twitterアカウント dailywebtech でツイートするためのメモです。 下に行くほど新しい情報です。
</aside>
https://material.io/blog/google-fonts-material-icons
Google フォントがアイコンをサポートするようになり、マテリアルデザインアイコンセットが使用できるようになりました。
https://www.smashingmagazine.com/2021/02/responsive-image-effects-css-gradients-aspect-ratio/
カード型レイアウトなどで複数の画像サイズを合わせるために、object-fitと共にaspect-ratioで縦横比を設定する方法を解説。さらに画像にCSSでグラデーションを追加する方法も紹介しています。
http://santhoshsivan.com/glass.html
グラスモーフィズムのジェネレーターです。先日紹介したニューモーフィズムのジェネレーターと同じところが作っていますね。
https://www.irigoyen.dev/blog/2021/02/17/stop-using-icon-fonts/
アイコンフォントの使用をやめてSVGを使おうという記事です。アクセシビリティやメンテナンスなどの面でSVGの方が良いと解説しています。
サイト上にポップアップ表示されるビデオを作るツール/サービスです。無料プランもあります。
https://www.hongkiat.com/blog/content-curation-tools/
ネット上の情報を整理するコンテンツキュレーションツールを紹介。Flipboard、Pocket、Feedly、Instapaper、Pinterest、Paper.liなど。