記事一覧（2ページ / 20ページ） - WWW WATCH

WWW WATCH - Web デザインやテクノロジーの話題がメインのブログ

すべての記事一覧。2ページ / 20ページ

:focus-within 疑似クラスを IE11 でも使用可能にする Polyfill 書いてみた

Google Chrome 88 の DevTools に Web Vitals （ウェブバイタル）情報の表示オプションが追加される

Next.js を使用して、サブ Blog を Jamstack な Blog としてリニューアルしてみた件

書籍「できるポケット HTML&CSS全事典」が Kindle Unlimited 読み放題の対象になりました

Next.js アプリケーションで静的にツイートを埋め込む「static-tweet」を使いやすくカスタマイズしてみた

Next.js + Formik で作るアクセシブルな問い合わせフォームを考えてみる

「できるポケット HTML&CSS全事典」の第3刷、重版が決定しました

Next.js と Movable Type Data API を使用して Jamstack な Blog を作ってみる

Windows 10 用 WSL 2 + Ubuntu を使用した、imgp コマンドによる画像の一括リサイズ

Firefox 83 に「HTTPS-Only モード」が追加、Web サイトへの接続時、HTTPS 接続を強制可能に

パソコンやスマートフォンが得意ではないという人でもわかるオススメのパスワード管理方法（2020年10月版）

カラーコードをコピーしてコントラスト比のチェックもできるツールを公開しました

:focus-within 疑似クラスでキーボード操作に対応したドロップダウンメニューを作ってみよう

優れた UX を提供する Web サイトを強調するため、Chrome for Android に「Fast Page」ラベルが導入される

人生初の AMD Ryzen CPU でメインメモリ 128GB の Windows PC を組んでみた話

Firefox 78 が正式リリース、CSS の :is()、:where() 疑似クラスに対応し、複数セレクタの記述が捗る

「できるポケット HTML&CSS全事典」の重版が決定しました

CSS カスタムプロパティ（CSS Variables）を使用して、ダークモード対応 CSS をスマートに書く

AMP ページで Font Awesome を使用する

Movable Type のテンプレートタグで使用可能な演算関数を使って画像の高さを算出する

AMP の実装で「要素に class 付けて開閉する」みたいな UI は amp-bind を使うと超簡単で手軽だった件

Blog をリニューアルしました

記事タイトルを合成した OGP 画像を画像処理機能が充実した CDN、「imgix」で生成してみる

Firefox 75 が CSS の min()、max()、clamp() 関数に対応、メディアクエリ不要でサイズの出し分けなどが可能に

Firefox 75、HTML の指定のみで動作する画像遅延読み込み（loading="lazy"）に正式対応

jQuery 3.5.0 がリリース。セキュリティ修正あり

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

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

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

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

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

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

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

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

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

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

全フィッシングサイトのうち、約半分は SSL で保護されている

Microsoft Edge が「Chromium」ベースに移行すると発表された件

Google Chrome 68 が正式リリース、SSL で保護されていないページに警告表示がスタート

Cookie 使用の同意を得てから Google Analytics のトラッキングを有効にする

Chrome における HTTPS 通信時の「保護された通信」表記廃止、非 SSL 接続時の警告表示の変更と適用開始時期が発表される

次期 Android では「DNS over TLS」がサポートされる

動画（Netflix）視聴目当てで Oculus Go を購入したら正解だった件

GitHub Pages、カスタムドメインでも HTTPS による接続が可能に

Google Chrome 66 で音声の自動再生をブロック（ミュート）する機能が有効に

暗号化されていないパスワードが内部ログに保存されていた問題を Twitter が公表した件で、パスワード変更もいいけど 2段階認証もね

Gmail アドレス内の「.」（ピリオド）を無視する仕様がフィッシングに悪用可能だという指摘

Safari 11.1 は SSL で保護されていないページにパスワード入力欄があるとアドレスバーで警告する

Web サイト作るお仕事をしている人向け gulp で作るフロントエンド開発環境

リアルタイム画像処理機能が充実した CDN、「imgix」を試してみたらとても簡単で便利だった件

各ブラウザにおけるトラッキング拒否機能（DNT）の有効化について

AMP stories が発表されたので早速簡単なストーリーを作ってみた件

Google Chrome 65 が Beta リリース、CSS Paint API、display: contents のサポートなど

Google Chrome 68 は SSL で保護されていない全てのページに対して「安全でない」と警告する

完全禁煙のカフェを現在地から簡単に調べるサイトを作った件

Firefox 55 がヘッドレス環境での実行に対応、拡張されたスクリーンショット機能も便利

Windows 10 で画面の一部をドラッグ & ドロップしてスクリーンショットを撮る方法

Mastodon 1.4.x （Docker）の assets:precompile が失敗するので Bash on Ubuntu on Windows 上で実行して切り抜けた件

Google Chrome 59 が正式リリース、ヘッドレス環境での実行に対応、開発者ツールへの機能追加など

Google Chrome 62 は SSL で保護されていないページの入力フォームに対して「安全でない」と警告する