人気記事一覧 - WWW WATCH

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

特にアクセス数の多い人気記事を一覧で掲載しています。

書籍「できるポケット HTML&CSS全事典改訂4版」が発売されました

「できるポケット HTML&CSS 全事典改訂 4 版」の刊行にあたって

Chatbot UI （オープンソースの ChatGPT UI クローン）を Vercel でホストする

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

「できるポケット HTML&CSS 全事典」が全面改訂、「改訂 3 版」の発売が決定しました

さくらの VPS を使用してオープンソースのアクセス解析ツール「Umami」をホストしてみる

CSS 条件付き規則（CSS Conditional Rules） Level 5 仕様（草案）に追加された @when と @else 規則について

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Google Chrome でシマンテック（旧ベリサイン）発行 SSL 証明書の有効期限が強制的に短縮されたり、EV （拡張認証）が無効になるかもという話

リツイートしにくい最近の Twitter

過去 2年間のカーシェアリング利用料をまとめてみたので普通自動車の維持費と比べてみる

まとめサイトなどを除外した Google 検索「クリーンサーチ」を作ってみた

Let's Encrypt （無料 SSL サーバ証明書）の設定が超簡単になったと聞いて試してみた件

Windows で游ゴシックが細字になってしまう件は誰が悪いのかについて CSS 仕様から考えてみる

jQuery 3.0 が正式リリース、通常の Web サイト制作で利用するなら軽量版「Slim build （スリムビルド）」が便利

AMP HTML でアコーディオンやカルーセル表示などを実装する拡張コンポーネントを使ってみる

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

Firefox 48 は CSS calc() 関数の入れ子に対応、CSS カスタムプロパティとの併用がより便利に

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

Web コンテンツアクセシビリティの JIS 規格が改訂、JIS X 8341-3:2016 として公示される

フィッシングに引っかからないためにアドレスバーをみるクセをつけましょう

AMP （Accelerated Mobile Pages） HTML を出力するようにしてみたけど面倒くさかった話

Re: 「position: absolute; + display: table;の謎を解きたい」

当 Blog を SSL 対応させたので手順や修正が必要になった点などをまとめ

Siri が勝手に起動する怪奇現象を解決した件

Google が言う「モバイルフレンドリー」とは？モバイルフレンドリーテストツールで色々試してみた

ブラウザから SVGO で SVG ファイルを最適化できる「SVGOMG」

5分でわかる正しい Web サイト常時 SSL 化のための基礎知識

position: absolute; の指定で要素が上下左右中央配置になる理由

Gmail のエイリアスは個人情報漏洩対策にならないからやめとけっていう話

jQuery 公式 Blog 「jquery-latest.js を使用するのをやめろ」

CSS Variables （CSS カスタムプロパティ）の使い方

本当は怖い Gmail （アドレス間違いに気を付けろっていうお話）

カーシェアリング（タイムズカーシェア）を半年間使い倒してみた