人気のタグ：
仮想化 DNSセキュリティ 形式的検証 到達可能性解析 C言語 コンパイラエラー マクロの衝突 Web拡張機能 開発フレームワーク コモドール64 すべてのタグ

ARIA：Webアクセシビリティの強力なツールとその落とし穴

2025-06-17
ARIA：Webアクセシビリティの強力なツールとその落とし穴

この記事では、WebアクセシビリティにおけるARIA（Accessible Rich Internet Applications）の役割を深く掘り下げ、よくある誤解を明らかにします。ARIAは万能ではありません。ネイティブのHTML要素を補完し、スクリーンリーダーなどの支援技術に情報を追加することで、インタラクティビティ、目的、状態の理解を向上させるものです。この記事では、ARIAの歴史、使用方法、文法構造（ロール、状態、プロパティ）、そして現実世界のアプリケーションにおける課題（支援技術のサポートのばらつき、ARIA属性の誤用など）を網羅しています。著者は、セマンティックHTMLを優先し、ARIAは慎重に使用するよう提言し、手動テストの重要性を強調しています。最終的に、この記事はARIAの使用を障害を持つ人々への配慮と結びつけ、開発者にアクセシビリティを優先し、より包括的なWebを構築するよう促しています。

続きを読む
(www.smashingmagazine.com)
開発 Webアクセシビリティ

Firefox 62でCSS Shapesが登場：任意の形状に沿ってテキストを配置

2025-03-17
Firefox 62でCSS Shapesが登場：任意の形状に沿ってテキストを配置

Firefox 62は、CSS Shapesを正式にサポートするようになりました。これにより、テキストやその他のコンテンツを長方形以外の形状に沿って配置できるようになります。この記事では、画像、グラデーション、基本形状を使用して形状を作成する方法を説明し、Firefox DevToolsの新しいツールを使用してプロセスを簡素化します。画像のアルファチャンネル、グラデーションの透明度、およびプリセット形状（円、楕円、多角形）を使用してテキストの流れを制御し、`shape-margin`を使用して間隔を調整し、半透明画像には`shape-image-threshold`を使用する方法を学びます。また、高度な効果を得るために、形状と`clip-path`を組み合わせる方法についても説明します。

続きを読む
(www.smashingmagazine.com)
開発

Svelte 5：フレームワークの未来とRich Harrisとの対談

2025-01-28
Svelte 5：フレームワークの未来とRich Harrisとの対談

Smashing Magazineは、Svelteの開発者であるRich Harrisへのインタビューを行い、Svelte 5の主要なアップデートと将来の方向性を明らかにしました。Svelte 5はゼロから書き直されたバージョンで、より明確な状態管理メカニズムが導入されています。Harrisは、Svelteの目標は単なる市場シェアではなく、高品質で堅牢、そしてアクセシブルなアプリケーションの構築、そして世界中のソフトウェアに蔓延する欠陥の解決にあると強調しました。将来は、SvelteKitなどの周辺エコシステムの充実、そしてJavaScriptにおけるRailsやLaravelのような存在を目指し、フルスタックアプリケーション開発の簡素化に注力します。

続きを読む
(www.smashingmagazine.com)
開発