Czym jest EFFORT_LESS?
EFFORT_LESS to style system oraz „project starter”, od którego rozpoczynasz każdą nowo tworzoną stronę. Zawiera zestaw reguł CSS oraz systemu zmiennych, który przyspiesza i ułatwia budowanie stron internetowych w Webflow. Powstał jako alternatywa dla popularnych frameworków, takich jak Client-First i Lumos, łącząc ich najlepsze rozwiązania, a jednocześnie upraszczając wiele aspektów oraz wprowadzając nowe funkcje.
Dla kogo?
Jeśli tworzysz strony w Webflow, ale szukasz bardziej elastycznego i intuicyjnego podejścia do organizacji stylów - EFFORT_LESS jest dla Ciebie.
Aby w pełni wykorzystać jego możliwości, warto znać:
- Zmienne CSS
- Semantyczny HTML
- Responsywny design (RWD)
- Kontekst kontenerów strony
Jeśli któreś z tych pojęć jest Ci obce — nie martw się! W dokumentacji znajdziesz krótkie objaśnienia danego zagadnienia.
Główne założenia:
New rem settings
Zmieniony sposób używania jednostki REM — teraz 1rem = 10px. A każdą wartość opartą na pikselach zapisujesz w formie dziesiętnej 16px = 1.6rem
Auto containers
Dodano system auto container, który tworzy odpowiednie style dla tagów semantycznych oraz ich pierwszych elementów / first-child
Variable Modes
EFFORT_LESS w pełni wykorzystuje zmienne Variables oraz nową funkcję Variable Modes, wprowadzoną do Webflow na początku 2025 roku. Dzięki temu możesz jeszcze lepiej zarządzać kolorami, odstępami i typografią w projekcie
sticky section
Dodano usprawnienia w obsłudze position: sticky dla zawartości sekcji, umożliwiając stabilniejsze i bardziej przewidywalne przypinanie jej elementów podczas scrollowania
Zanim zaczniesz
Zrozumienie EFFORT_LESS oraz przyswojenie nowych zasad może zająć trochę czasu, dlatego bądź cierpliwy/a, eksperymentuj i staraj się odtwarzać nowo poznane założenia. Dokumentacja została napisana w taki sposób, aby umożliwić chronologiczne przyswajanie wiedzy. Jednak część tematów jest ze sobą powiązana, dlatego czasami trzeba przeskoczyć do innego rozdziału, aby lepiej zrozumieć kontekst. W razie konieczności szukaj informacji w innych częściach internetu, na przykład odnośnie Variable Modes lub tagów semantycznych HTML.
Nad dokumentacją nadal pracuję, aby była jak najbardziej przystępna. Jeżeli zechcesz wspomóc moją pracą oraz aby dotarła do reszty społeczności, polub mój post na Instagramie — tam również będę informował o postępach prac.
