WWW WATCH

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

Hot Entry

Twitter アプリで投稿する画像に代替テキストを追加できるようになった件

Twitter の iOS 及び Android アプリを利用している場合、アクセシビリティ設定から「画像の説明を追加」機能を有効にすることで、投稿する画像に説明文を追加することができるようになりました。

CSS で計算（四則計算）が行える calc() 関数を使ってみよう

CSS プロパティに指定する値を計算式で書くことができる仕様、calc() 関数について、具体的なサンプルソースをそえて解説してみたいと思います。

大幅改定されて生まれ変わった「できるポケット HTML&CSS全事典」が2月14日に発売されます

2015年に書いておかげさまでロングセラーいただいてる書籍「できるポケット HTML&CSS全事典」の全面改訂版が2月14日に発売決定。大幅加筆により、100ページ以上ページ数が増えて、最新の HTML / CSS 仕様に対応しました。

Recent Entry

大幅改定されて生まれ変わった「できるポケット HTML&CSS全事典」が2月14日に発売されます

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 ファイルの修正点をまとめます。