ENPL
O MNIE
PODEJŚCIE
PROJEKTY
CO BUDUJĘ
KONTAKT

Projektyw Webflow

Skuteczne porady i rozwiązania problemów bez wyjścia. E-book napisany w formie warsztatu „zrób to sam”, z pokaźną liczbą screenów i przykładów: jak wykorzystać w Webflow narzędzia no-code oraz automatyzacje.

WebflowNo-CodeAutomatyzacjeTips&Trics
Okładka e-booka „Projekty w Webflow. Skuteczne porady i rozwiązania problemów bez wyjścia”
01
Odznaka „#1 Produkt Tygodnia” na Radar Premier

Krótka historia, bez ściemy

Trzy lata temu wydałem poradnik „Projekty w Webflow. Skuteczne porady i rozwiązania problemów bez wyjścia”. Premierę miał na radarpremier.pl, polskim odpowiedniku Product Hunta: został tam Produktem Tygodnia i zebrał 24 oceny ze średnią 5/5.

Potem strona, na której się sprzedawał, zniknęła z sieci. A razem z nią dostęp do poradnika dla wszystkich, którzy go kupili. Nie było to w porządku, więc to naprawiam: poradnik ma teraz stały dom, a dostęp odbierzesz poniżej w minutę.

02

Co zyskujesz z poradnikiem

16 praktycznych porad w realnym zastosowaniu przy projektowaniu w Webflow. Nawet jeśli któraś wskazówka nie przyda się tu i teraz, może Cię zainspirować do odkrycia własnych rozwiązań w codziennej pracy.

  • Oszczędzasz czas: rozwiązania masz podane w wyczerpujący sposób
  • Uczysz się nowych rzeczy dzięki genialnym „Tips&Trics”
  • Masz opisane krok po kroku scenariusze automatyzacji, które odtworzysz we własnym projekcie
  • Poradnik ma formę warsztatu: krok po kroku realizujesz zadania na praktycznych przykładach

Uczciwa uwaga: poradnik ma trzy lata, a Webflow przez ten czas ewoluował. Część wskazówek działa jak pierwszego dnia, część może być już przestarzała. Wolę to napisać wprost, niż udawać, że czas się zatrzymał.

03

Najważniejsze tipy

Walidacja pól formularza

Metody skutecznego sprawdzania pól typu „e-mail” oraz „NIP”, czyli z biznesowego punktu widzenia tych najważniejszych.

No-Code

Instrukcje, jak wykorzystać w Webflow narzędzia no-code, o których mało kto słyszał.

Scenariusze automatyzacji

Opisane krok po kroku pod konkretne zadania. Możesz je odtworzyć i rozbudować we własnych rozwiązaniach.

SVG

Metody optymalizacji grafik SVG i stylizacja w Webflow jednym kliknięciem.

Dynamiczne opcje w polu „Select”

Natywne funkcje Webflow, dzięki którym osadzisz treści z CMS jako opcje w polu „Select”.

Tips&Trics

Sztuczki do obsługi natywnych komponentów Webflow.

04

Spis treści

  1. 01Wstęp
  2. 02Automatyczne dodawanie „padding” oraz „margin”
  3. 03Limit 20 kolekcji CMS na stronie
  4. 04Niestandardowe podkreślenie tekstu
  5. 05Ukryte pole formularza
  6. 06Płynne przewijanie: Lenis i natywny scroll
  7. 07Walidacja pola e-mail: Make oraz APILayer
  8. 08Walidacja pola NIP: VatLayer
  9. 09Automatyczne pozycjonowanie w Flex
  10. 10Ach, ten nieszczęsny SVG: optymalizacja, SVG jako font, One Click SVG z Figmy do Webflow
  11. 11Nie stosuj komponentu przycisku w Webflow
  12. 12Super metoda na „Aspect Ratio” na zdjęciach
  13. 13Praca w Webflow jak developer: CodeSandbox i „localhost”
  14. 14Pseudo-elementy w Webflow i dynamiczne treści
  15. 15Dynamiczne „option” w polu „select” z CMS: JavaScript i metoda natywna
  16. 16Automatyczne importowanie danych XML do Webflow
  17. 17Zakończenie

Kupiłeś poradnik?

Dostęp do pełnej treści w Notion odbierzesz w minutę. Wystarczy adres email użyty przy zakupie.

Poradnik niedostępny w sprzedaży.
Masz pytania? Napisz do mnie.