WWW WATCH

Webデザイン、HTML、XML、CSS、JavaScript 関連の話題、新しいWebサービス、Webサイトの話題をはじめとしたインターネット上での最新トピックスなどを中心に取り上げるBlog

Hot Entry

当 Blog を SSL 対応させたので手順や修正が必要になった点などをまとめ

10年間運営されてきた自分の Blog を SSL 対応させるにあたって、その手順や、SSL 化したことで修正をしなければならなくなって大変だった点などを簡単にまとめてみようと思います。

リツイートしにくい最近の Twitter

最近、元ネタをたどりにくい、動画をパクったツイートが多くて、おいそれとリツイートしにくいご時世ですよねという愚痴。

Firefox 48 は CSS calc() 関数の入れ子に対応、CSS カスタムプロパティとの併用がより便利に

サイズや形状を決定する値の指定を計算式で書くことができる CSS の calc() 関数ですが、Firefox 48 ではこの calc() 関数を入れ子にすることが可能になりました。CSS カスタムプロパティと組み合わせるときに便利です。

Recent Entry

Pa11y CI でアクセシビリティテストを自動化し日本語のレポートを HTML 形式で生成する

Node.js で動作する CUI Web アクセシビリティチェックツール「Pa11y」ベースの CI ツール「Pa11y CI」の導入から、複数 URL に対するアクセシビリティテストを一括で実行し、最終的に日本語のレポートを HTML 形式で生成するまでを解説します。

Google Chrome 77 が正式リリース、EV SSL 証明書に対するアドレスバーの組織名表示を廃止

Google Chrome の最新版、Chrome 77 が正式リリースされ、EV（Extended Validation） SSL 証明書を使用している Web サイトに関して、従来バージョンで行われていたアドレスバーにおける組織名表示が廃止されました。

Amazon プライムデーで Adobe Creative Cloud コンプリートプランの年間ライセンスが安かったので購入した件

すでに年間契約などで Adobe CC を契約中でも、Amazon プライムデーでお安くなった Adobe CC の年間ライセンスを購入すればかなりお得になるということで、早速試してみましたというお話。

W3C と WHATWG、HTML/DOMの仕様策定で協力し、共通の仕様を共同管理すると発表

HTML と DOM の標準仕様について、以前から W3C と WHATWG がそれぞれ別々に仕様策定していることが色々と問題視されていましたが、今回、W3C と WHATWG が協力して仕様策定を行っていくことで、HTML/DOMの仕様が一本化されることが正式にアナウンスされました。

Googlebot が最新版の Chrome と同等になったっていう話

Google は公式の Web マスター向け Blog において、新しい Googlebot が、最新の Chromium レンダリングエンジンにて動作していることを公表しました。今後も最新版の Chromium を追随する形で常にアップデートが行われていくとのこと。

Re: AMP stories が発表されたので早速簡単なストーリーを作ってみた件（v1.0 対応版）

2018年に書いた「AMP stories が発表されたので早速簡単なストーリーを作ってみた件」という記事について、その後、AMP stories のバージョンアップ（v0.1 → v1.0）に伴い記述が古くなってしまっている点を補足する記事を書きました。

Chrome 75 に HTML 側の指定のみで動作する画像遅延読み込み（loading="lazy"）が実装される

img 要素や iframe 要素などのリソースを、HTML 側の指定のみで遅延読み込みに対応させる loading 属性を、Chrome 75 が先行実装しましたので簡単に紹介。

WebP フォーマットの画像に対応した Firefox 65 が正式リリース

Firefox 65 が正式リリースされ、Google が開発する静止画フォーマット「WebP （拡張子 .webp）」に対応しました。

gulp 4.0 が正式リリース、v3 からの移行に伴う gulpfile.js ファイルの修正点

gulp 4.0 が正式リリースされましたが、v3 から v4 へのバージョンアップに伴い実施されたいくつかの修正が原因で、v3 環境で使用していた gulpfile.js ファイルがそのままでは正常に動作しなくなりました。v4 移行のために行った gulpfile.js ファイルの修正点をまとめます。