gajus/usus

Multiple viewports, mobile + non-mobile

Open

#8 建立於 2017年7月8日

在 GitHub 查看
 (10 留言) (1 反應) (0 負責人)JavaScript (33 fork)batch import
enhancementhelp wanted

倉庫指標

Star
 (800 star)
PR 合併指標
 (30 天內沒有已合併 PR)

描述

Is there a way to call usus to obtain a single stylesheet with "critical" CSS for all possible viewport sizes, and mobile and retina options?

Motivation: We don't know the client's viewport size on the server side, so the critical CSS should include the necessary CSS for all viewport sizes.

貢獻者指南

研究方向
研究如何同時為不同視口尺寸生成關鍵CSS。查看usus中lib/目錄下的當前實現。查閱issue評論以獲取任何建議方法。考慮使用Puppeteer的裝置模擬功能，或在多個視口下渲染頁面並合併關鍵CSS。
技術棧
javascriptcss
領域
frontendperformance
議題類型
功能
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
3
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
1-2 天
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
活躍
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
清晰
前置要求
CSSWeb Performance
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
60