2021年1月 webトピックス

HTML / CSS

• Googleのエンジニアが「ウェブサイトの画像読み込み」を最適化する方法を解説
• CSSの中央揃えで、最も万能で信頼できる実装テクニック
• 2020年にCodepenで話題！コピペ可なHTMLスニペット ベスト100発表
• CSSのこの発想はすごい！scroll-behavior: smooth;によるページ内検索時のスクロールを除外するテクニック
• Web制作者が知っておくと便利なCSSの小ネタ
• どう書くんだっけ？ を一発解決！コピペ用コードスニペットを集めたオススメWebサイトまとめ

JavaScript

• JavaScript ベスト・オブ・ザ・イヤー 2020
• 【React+TypeScript】Netflixのクローンを作るチュートリアル
• 「Angular」「React」「Vue」の3大フレームワークに集約ICSの代表が教える「フロントエンド技術」のトレンド
• ヌルヌル動くReactコンポーネントの作り方【入門】
• そうです。わたしがReactをシンプルにするSWRです。
• VS Code & TypeScriptとp5.jsで始めるモダンなクリエイティブコーディング入門

デザイン

• グラスモーフィズム？CSSコピペできる新Webトレンドの参考HTMLスニペット、ツールまとめ
• 「Google Fonts」へディスプレイ書体など全8書体を提供しました
• いくつ知ってる？2021年注目のグラフィックデザイン 人気トレンド12個総まとめ
• デザイナーじゃなくても知っておきたい色と配色の基本

その他

• VS CodeのAdobe XD用拡張機能が登場！
• 「分析SQLスタイルガイド」をかなり真面目に考えた

ブログ更新状況

• Laravel8でCMSを作るチュートリアル(6) ユーザーロール（権限）の設定

Youtubeとかもやってます！