CSSの変数（カスタムプロパティ）の基礎知識、便利な使い方を詳しく解説します。Webページやスマホアプリのレイアウト、コンポーネントなど、実際の使用例がたくさんあるので、実用的なテクニックが満載です。

CSS Variables 101
by Ahmad Shadeed

昨年、当ブログでも紹介して好評だった「Web制作会社年鑑 電子版1冊まるごと無料」キャンペーンが、今年も実施されています。

無料期間は、2020年12月15日まで。
「Web制作会社年鑑2020」のPDF、電子版が無料でダウンロードできます。
定価4,800円が完全に無料です。総ページ数は400ページ、日本国内のWeb制作会社とその実績が網羅されており、Web制作者必携の1冊です。

自社や他社の実績を確認したり、Webサイトやスマホアプリのアイデアを見つけたり、転職時の参考資料やクライアントとして制作会社を探す時にも役立ちます。

先週リリースされたばかり、iPhoneやiPadに採用されているiOS 14のデザイン用のテンプレートやUI要素が揃ったAdobe XD用の素材を紹介します。

素材はAdobe XD用だけでなく、Photoshop用やSketch用も揃っており、9月に新しくなったSF Symbols 2もダウンロードできます。

Apple Design Resources

HTMLとCSSを真剣に学びたい人にお勧めの本を紹介します。
HTML5とCSS3の仕様書に基づいて、知識をしっかり身につけ、実践的なテクニックを本格的に学べます。Web制作者が持っておいて間違いのない一冊です。

実装の現場で必要とされる、リソースの先読みや画像の遅延読み込みなどの高速化テクニック、float時代のクリアフィックスを簡単に実現できるフロールートなど、必要な知識をまとめて吸収できます。

昨日から開催されているAdobe MAX（10/23まで）と同時に、Adobe XDの最新アップデートがリリースされました！

今までになかったまったく新しい新機能をはじめ、さまざまな機能の強化、共同編集機能の正式版、中でもCCライブラリ強化とVS Code連携は、ワークフローがさらに改善されると思います。

Adobe XDの新機能

CSSの新しい疑似クラス関数「:is()」が便利すぎるので紹介します。

:is()については、以前の記事で紹介した時はプレビュー版のみのサポートでしたが、ブラウザのサポートも進み、来年には普通に使用できるようになるかもしれません。

画像はツイートより

通常は有料ですが、今週末まで無料でダウンロードできる、おしゃれなデザインにぴったりな手書きフォントを紹介します。

本来は有料なだけあってかなり高品質。フォントファイルは.otfと.ttfでWindowsでもmacOSでも利用でき、さらにWebフォントも含まれています。
期間中にダウンロードしておけば、いつでも使えて、再ダウンロードも無料です。

Strings // Handwritten Script Font

WebサーバーをNginxから、高性能で簡単に構築できるCaddyに変更した際の作業手順を紹介します。

Caddyはクラス最高のセキュリティを誇る、HTTPSを自動的にデフォルトで使用する唯一のサーバーです。証明書の自動更新やTLSクライアント認証なども備えており、Webサーバーとしてもファイルサーバーとしても利用できます。LinuxやBSDをはじめ、WindowsやmacOSでも動作します。

Goodbye Nginx, hello Caddy
by Hanna