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

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

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

Next.js から Feedly API を叩いて記事データを取得する

Next.js から Qiita API v2 を叩いて人気記事のデータを取得する

フロントエンド開発に関連する技術系記事をまとめてチェックできる「TechDeck」という Web サイトを作ってみた

Headless UI のドロップダウンメニューで next/link を使うとキーボード操作での挙動がおかしくなる件を解決する

Internet Explorer 11 がついにサポート終了、2022年 6月 15日でお別れへ

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

飽きて放置してた Oculus Go がエアロバイクとの組み合わせで現役復帰した話

Google Chrome が4週間隔にリリースサイクルを高速化、Edge も同様に

指定テキストをハイライト表示する「Text Fragment」付きリンクをツイートするためのブックマークレット

: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）の有効化について