Web Developmentカテゴリーの記事一覧（2ページ / 11ページ） - WWW WATCH

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

Web サイトの制作やディレクション業務、開発などに関する記事（2ページ / 11ページ）

書籍「できるポケット 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 接続を強制可能に

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

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

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

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

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 がリリース。セキュリティ修正あり

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 ファイルの修正点

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Mastodon インスタンスを運用しているサーバを HTTP/2 対応させた話（CentOS7 + nginx + OpenSSL）

さくらの VPS + CentOS7 で俺専用 Mastodon インスタンスを立ててみた話

Edge が CSS カスタムプロパティ（CSS Variables）に対応したので試してみた

Windows Vista と IE9 のサポート終了（2017年4月11日）まで 10 日を切った件

normalize.css 6.0.0 がリリース、作者の意見的意味合いが強かったスタイル定義を削除

Microsoft Edge が build 15.15061 で CSS カスタムプロパティをサポート

Firefox 52 が正式リリース、WebAssembly、CSS Grid Layout の実装、レスポンシブデザインモードの拡充など盛りだくさん

Chrome 56 に position: sticky; が戻ってきた

Chrome 56 が正式リリース、SSL で保護されていないページにパスワード入力欄があるとアドレスバーで警告する

Firefox Developer Edition のレスポンシブデザインモードに新機能、デバイスピクセル比（DPR）のエミュレートが可能に

Google 透明性レポートに「HTTPS の使用状況」セクションが追加、日本は HTTPS の普及で遅れ気味

閲覧中の URL を AMP （Accelerated Mobile Pages）バリデータに投げるブックマークレット

Material design （マテリアルデザイン）カラーパレットのコントラスト比をチェックしてみた