Wstęp

Drogi Czytelniku, oddaję w Twoje ręce poradnik, który pomoże Ci rozwiązać problemy, które napotkałem pracując nad projektami w Webflow (webflow.io). Pokazane przeze mnie wskazówki nie rozwiązują wszystkich problemów, ale stanowią całkiem pokaźny ich zbiór.

Mój cel to przekazanie Ci wiedzy i autorskich "tips&tricks", abyś nie musiał/a spędzać wielu godzin na rozwiązywaniu problemów.

Wszystkie umieszczone tu ograniczenia platformy Webflow oraz problemy, które często wydają się bez wyjścia, zostały przeze mnie sprawdzone i wdrożone w projektach dla moich klientów. Masz zatem pewność, że działają.

Nawet jeśli uznasz, że nie wszystkie porady na pewno Ci się przydadzą, to warto mieć gotowe rozwiązania pod ręką.

Mogą też stanowić cenne źródło inspiracji do odnalezienia własnych rozwiązań w codziennej pracy nad projektami.

Do wykonania większości porad wykorzystałem narzędzia dostępne w darmowych kontach lub na darmowych planach. Nie ma więc dodatkowych kosztów. Wykorzystałem funkcje natywne, czasami wspierając się technikami "low-code". Mój cel to: brak konieczności pisania kodu!

Działy są poukładane od tych prostszych do bardziej zaawansowanych. Osoby początkujące zachęcam do czytania po kolei, a te bardziej zaawansowane mogą wybierać interesujące je tematy.

Życzę udanej lektury! (^-^)/

Automatyczne dodawanie "padding" oraz "margin"

Jeśli na danym elemencie ustawisz padding lub margin tylko na jednym kierunku, na przykład padding-right: 1rem;, jak w tym przykładzie.

Untitled

Jeśli chcesz ustawić wartość na wszystkich kierunkach, możesz to zrobić jednym kliknięciem 🖱

Wciśnij i przytrzymaj klawisz ⇧(SHIFT), a następnie kliknij na kierunku, na którym już ustawiona jest wartość. Trzymając wciśnięty klawisz ⇧(SHIFT) i przycisk myszy (trackpad), spróbuj delikatnie przesunąć w lewo lub prawo. W ten sposób ustawisz taką samą wartość na wszystkich kierunkach jak na wybranym wcześniej. W moim przykładzie to padding-right: 1rem;