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

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

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

日本語化して、ダッシュボードへのベーシック認証を追加した Pa11y Dashboard を作ってみた

DigitalOcean （Ubuntu 20.04）で Pa11y Dashboard を簡単に立ち上げる

Movable Type の XMLRPC API における OS コマンドインジェクションの脆弱性（CVE-2021-20837）を悪用した攻撃被害に関する対応メモ

Umbrel で立ち上げた Lightning ノードに Alias （エイリアス）と Color （カラー）を設定する

Windows 11 にアップグレードするための「PC 正常性チェック」で NG になったので、BIOS の設定から TPM 2.0 を有効にする

Let's Encrypt で発行するサーバ証明書の暗号方式を RSA から ECDSA （楕円曲線 DSA）に変更する

Raspberry Pi 4 + Umbrel で Bitcoin フルノードを立ち上げ、Lightning Network （Diamond Hands プロジェクト）に参加してみる

Tailwind CSS で animation-delay プロパティを使用するためのプラグインを npm で公開しました

Tailwind CSS を使用した日本語ウェブサイト向け UI サンプル集「バーンワークス UI ライブラリ」

スクールでは（多分）教えてくれない、フリーランスとして駆け出す前に知っておきたいこと

Next.js （SSG） + Vercel + GitHub Actions を使用した定期デプロイ

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 のトラッキングを有効にする