<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>UI設計 on エンジニア技術ブログ</title><link>https://yu-fu.site/tags/ui%E8%A8%AD%E8%A8%88/</link><description>Recent content in UI設計 on エンジニア技術ブログ</description><generator>Hugo -- gohugo.io</generator><language>ja</language><copyright>© 2026 ゆーふー</copyright><lastBuildDate>Fri, 23 Jan 2026 22:42:54 +0900</lastBuildDate><atom:link href="https://yu-fu.site/tags/ui%E8%A8%AD%E8%A8%88/index.xml" rel="self" type="application/rss+xml"/><item><title>Safariでヘッダーがノッチに被る？セーフエリア問題の決定版ガイド</title><link>https://yu-fu.site/posts/safari-safe-area-header-fix/</link><pubDate>Fri, 23 Jan 2026 22:42:54 +0900</pubDate><guid>https://yu-fu.site/posts/safari-safe-area-header-fix/</guid><description>iPhoneのノッチやホームバーにコンテンツが被ってしまう「セーフエリア問題」。viewport-fit=coverの設定からenv(safe-area-inset)の使いこなし、横向き表示でのレイアウト崩れ対策まで、モダンなモバイルWeb開発に必須のCSSテクニックを実例付きで解説します。</description><media:content xmlns:media="http://search.yahoo.com/mrss/" url="https://yu-fu.site/posts/safari-safe-area-header-fix/featured.png"/></item></channel></rss>