(Це спонсороване відео, над яким я працював між нами в CSS-Tricks і Webflow. Я думаю, що Webflow - це захоплюючий продукт для створення веб-сайтів, який, на мій погляд, на даний момент відноситься до категорії, яка відповідає самому собі. Це займає трохи щоб спокійно розібратися, тому, сподіваюсь, це те, що це відео може вам допомогти.)
1) Webflow створений для професійних розробників та розробників
Вже знаєте, як створювати веб-сайти з кодом? Це круто. Це не означає, що Webflow нижче ваших можливостей. Webflow - це ті самі абстракції, що і HTML та CSS, але виставляє ці інтерфейси на візуальному полотні.
2) Стилі багаторазового використання - це основа Webflow
Розробник CSS у вас, мабуть, прагне перетворити все на класи. Клас - це головний інструмент CSS для повторного використання. Хороші новини, все, що ви оформлюєте в Webflow, буквально відбувається за допомогою селектора, який є класом. Навіть не “подобається” класу. Це справжній клас під капотом. Webflow не підробляє Інтернет, це Інтернет.
3) Webflow має такі функції, як Flexbox та CSS Grid
Робота з flexbox та сіткою на візуальному полотні без необхідності думати про синтаксис дуже приємна. Замість того, щоб запам'ятовувати назви властивостей та значення, ви натискаєте кнопки, щоб мати справу з інтервалами та вирівнюванням, або використовуючи інструменти безпосередньо на самому полотні.
Турбує адаптивний дизайн? Webflow це повністю охоплює. Коли ви змінюєте розмір і змінюєте точки зупинку, саме полотно змінює розміри, а задані вами стилі переходять від великого до малого.
4) Публікуйте швидше, менше хвилюйтеся
Закінчивши розробку веб-сайту в Webflow, ви не передасте його комусь іншому для побудови в іншому місці. Ви вже закінчили, ви створили сайт. Ви можете натиснути кнопку публікації та опублікувати її за URL-адресою за лічені секунди. Потім ви можете зіставити з ним будь-який інший домен, і ви вирішили ситуацію з хостингом та розгортанням. Немає SFTP. відсутність проблем із безпекою. Жодних оновлень програмного забезпечення ви не повинні обробляти самостійно.
5) Webflow CMS надзвичайно потужний і побудований з урахуванням клієнтів та маркетологів
Webflow має вбудовану систему управління вмістом, яка настільки ж потужна, як і будь-яка інша. Ви налаштовуєте саме той тип контенту, який вам потрібен (очевидно, кодування не потрібне), і ви його отримали. Як конструктор форм, у певному сенсі. Тоді ці поля стають придатними для використання у ваших шаблонах так само легко, як і статичний вміст.
Можливо, найкращим є те, що тоді створення та редагування цих даних стає можливим завдяки мінімальному інтерфейсу безпосередньо на самому сайті. Кожне поле, яке є в системі управління вмістом (і яке ви дозволили), можна редагувати безпосередньо на фронт-енді веб-сайту. Внизу також є панель для створення та редагування вмісту через інтерфейс адміністратора. Це найкраще з обох світів - редагування на сторінці та редагування у формі.
6) Інструменти анімації Webflow - наступний рівень
Можливо, вперше ви почули про Webflow через перегляд сайтів, які він створив із неймовірним дизайном взаємодії. Цікаво, що всі власні маркетингові сторінки Webflow будуються за допомогою Webflow. Перевірте сторінку дизайнера на смак.
Анімації на основі прокрутки, такі як паралакс, анімація таких подій, як клацання та наведення, все це стало можливим завдяки панелі взаємодії, де ви додаєте їх до змін у таких речах, як непрозорість, рухи та обертання. Є стильні пресети, які допоможуть вам, а також речі наступного рівня, такі як інтеграція захоплюючих анімацій Lottie.
7) Для вас існує маса навчального контенту та спільноти
Навчання Webflow - це не якась удача. Сподіваюсь, ви знайдете якісь публікації в блозі чи відео на YouTube. Університет Webflow є абсолютно безкоштовним і абсолютно багатим всім, що ви коли-небудь хотіли б знати про створення веб-сайтів за допомогою Webflow. Це може бути ваш завантажувальний табір.
Спробуйте Webflow