本週的Web開發新聞涵蓋了一系列主題,從擬議的新HTML元素到可訪問性的最佳實踐和潛在的CSS陷阱。
一個新<popup></popup>
元素出現
Microsoft和Google正在與新的HTML合作<popup></popup>
元素,旨在創建可訪問且易於風格的臨時UI元素。與眾不同<dialog></dialog>
和棄用<menu></menu>
,該元素旨在簡單明了(ESC密鑰或重點更改)。
獲獎網站的可訪問性:錯過的機會
在慶祝2020年最佳網站的同時,Awwwards強調了一個共同的可訪問性監督:沒有一個獲勝的網站prefers-reduced-motion
。此媒體查詢使開發人員可以優雅地處理用戶偏好以減少運動,從而防止了前庭疾病用戶的潛在問題。動物越過網站是正確實施的積極例子,包括用戶切換。
交叉隔離:通過權衡提高安全性
現在,網站可以通過設置特定的HTTP標頭(交叉Cross-Origin-Embedder-Policy: require-corp
Cross-Origin-Opener-Policy: same-origin
)來選擇交叉隔離。這通過限制其他來源的內容加載來增強安全性,但授予對SharedArrayBuffer
等強大API的訪問。
Whitehouse.gov:對可訪問性的承諾
Biden Administration的Whitehouse.gov網站通過引用WCAG 2.1指南表現出對可訪問性的堅定承諾,超出了最低要求。
當心100VW CSS價值和滾動條
使用width: 100vw
可以在Windows上創建意外的水平滾動條,這是因為經典捲軸處理寬度的方式。通常使用覆蓋滾動條的MacOS用戶可能不會遇到此問題,這對於開發人員在不同的操作系統和滾動條設置上測試至關重要。
以上是每周平台新聞:減少運動,CORS,Whitehouse.gov,彈出窗口和100VW的詳細內容。更多資訊請關注PHP中文網其他相關文章!

文章討論了CSS保證金屬性,特別是“保證金:40px 100px 120px 80px”,其應用程序以及對網頁佈局的影響。

本文討論了CSS邊境屬性,重點是自定義,最佳實踐和響應能力。主要論點:邊境 - 拉迪烏斯(Border-Radius)對響應式設計最有效。

本文討論了CSS中評論的使用,詳細介紹了單線和多行評論語法。它認為註釋可以增強代碼的可讀性,可維護性和協作,但如果無法正確管理,可能會影響網站性能。


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

Dreamweaver Mac版
視覺化網頁開發工具

SublimeText3 英文版
推薦:為Win版本,支援程式碼提示!

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

VSCode Windows 64位元 下載
微軟推出的免費、功能強大的一款IDE編輯器

禪工作室 13.0.1
強大的PHP整合開發環境