gajus/usus

Multiple viewports, mobile + non-mobile

Open

#8 geöffnet am 8. Juli 2017

Auf GitHub ansehen
 (10 Kommentare) (1 Reaktion) (0 zugewiesene Personen)JavaScript (33 Forks)batch import
enhancementhelp wanted

Repository-Metriken

Stars
 (800 Stars)
PR-Merge-Metriken
 (Keine gemergten PRs in 30 T)

Beschreibung

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.

Contributor Guide

Research-Richtung
Untersuchen Sie, wie kritische CSS für verschiedene Viewport Größen gleichzeitig generiert werden kann. Sehen Sie sich die aktuelle Implementierung in usus an, wahrscheinlich im lib/ Verzeichnis. Überprüfen Sie die Issue Kommentare auf vorgeschlagene Ansätze. Erwägen Sie die Verwendung der Geräteemulation von Puppeteer oder das Rendern der Seite bei mehreren Viewports und das Zusammenführen der kritischen CSS.
Tech Stack
javascriptcss
Domain
frontendperformance
Issue Type
Funktion
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-2 Tage
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
CSSWeb Performance
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
60