# 175: 7 Điều cần biết về Webflow - Thủ thuật CSS

Anonim

(Đây là video được tài trợ mà tôi đã làm việc giữa chúng tôi tại CSS-Tricks và Webflow. Tôi nghĩ rằng Webflow là một sản phẩm hấp dẫn để xây dựng các trang web, theo ý kiến ​​của tôi, thuộc một danh mục tất cả vào thời điểm hiện tại. Nó có một chút để quấn lấy tâm trí của bạn, vì vậy tôi hy vọng đó là những gì video này có thể giúp bạn làm.)

1) Webflow được xây dựng cho các nhà phát triển và thiết kế chuyên nghiệp

Bạn đã biết cách xây dựng trang web bằng mã? Thật tuyệt vời. Nó không có nghĩa là Webflow nằm dưới khả năng của bạn. Webflow là tất cả các trừu tượng giống như HTML và CSS, nhưng hiển thị các giao diện đó trên một khung hình trực quan.

2) Các kiểu có thể tái sử dụng là trọng tâm của Webflow

Nhà phát triển CSS trong bạn có lẽ đang khao khát biến mọi thứ thành các lớp. Một lớp là công cụ cuối cùng của CSS để tái sử dụng. Tin tốt, mọi thứ bạn tạo kiểu trong Webflow theo nghĩa đen đều thông qua một bộ chọn là một lớp. Thậm chí không “thích” một lớp học. Đó là một lớp học thực sự dưới mui xe. Webflow không giả mạo web, nó là web.

3) Webflow có các tính năng như Flexbox và CSS Grid

Làm việc với flexbox và lưới trên canvas trực quan mà không cần phải suy nghĩ về cú pháp rất hài lòng. Thay vì ghi nhớ tên và giá trị thuộc tính, bạn đang nhấp vào các nút để xử lý khoảng cách và căn chỉnh hoặc sử dụng các công cụ trực tiếp trên canvas.

Quan tâm đến thiết kế đáp ứng? Webflow có điều này được đề cập hoàn toàn. Khi bạn thay đổi kích thước và thay đổi các điểm ngắt, bản thân canvas sẽ thay đổi kích thước và các kiểu bạn đặt sẽ chảy xuống từ lớn đến nhỏ.

4) Xuất bản nhanh hơn, bớt lo lắng

Khi bạn hoàn thành việc thiết kế trang web trong Webflow, bạn không nên giao nó cho người khác để xây dựng ở nơi khác. Bạn đã hoàn thành, bạn đã xây dựng trang web. Bạn có thể nhấn nút xuất bản và hiển thị trực tuyến tại một URL trong vài giây. Sau đó, bạn có thể ánh xạ bất kỳ tên miền nào khác với nó và bạn đã giải quyết xong tình hình lưu trữ và triển khai. Không có SFTP. không có vấn đề bảo mật. Không có bản cập nhật phần mềm nào bạn phải tự xử lý.

5) Webflow CMS cực kỳ mạnh mẽ và được xây dựng chú ý đến khách hàng và nhà tiếp thị

Webflow có một CMS tích hợp mạnh mẽ như bất kỳ CMS nào khác. Bạn định cấu hình chính xác loại mô hình nội dung bạn cần (rõ ràng là không cần viết mã) và bạn đã có nó. Giống như một trình tạo biểu mẫu, theo một nghĩa nào đó. Sau đó, các trường đó có thể sử dụng được trong các mẫu của bạn dễ dàng như nội dung tĩnh.

Có lẽ phần tốt nhất là sau đó việc tạo và chỉnh sửa dữ liệu đó trở nên khả thi thông qua một giao diện tối thiểu ngay trên chính trang web. Mọi trường trong CMS (và bạn đã cho phép) đều có thể được chỉnh sửa trực tiếp trên giao diện người dùng của trang web trực tiếp. Ngoài ra còn có một thanh dọc phía dưới để tạo và chỉnh sửa nội dung thông qua giao diện quản trị. Nó là tốt nhất của cả hai thế giới, chỉnh sửa trên trang và chỉnh sửa kiểu biểu mẫu.

6) Các công cụ hoạt hình của Webflow là cấp độ tiếp theo

Có thể lần đầu tiên bạn nghe về Webflow là khi xem các trang web mà nó đã xây dựng với thiết kế tương tác đáng kinh ngạc. Thực tế thú vị là tất cả các trang tiếp thị của riêng Webflow đều được xây dựng bằng Webflow. Kiểm tra trang thiết kế để có hương vị.

Hoạt ảnh dựa trên cuộn như thị sai, hoạt ảnh trên các sự kiện như nhấp chuột và di chuột, tất cả đều có thể thực hiện được thông qua bảng tương tác nơi bạn đính kèm chúng với những thay đổi về những thứ như độ mờ, chuyển động và xoay. Có các cài đặt trước sang trọng để trợ giúp bạn, cũng như những thứ cấp độ tiếp theo như tích hợp các hình ảnh động Lottie khiến bạn phải suy nghĩ.

7) Có rất nhiều nội dung học tập và cộng đồng cho bạn

Học Webflow không phải là điều may mắn, tôi hy vọng bạn sẽ tìm thấy một số bài đăng trên blog hoặc video YouTube. Đại học Webflow hoàn toàn miễn phí và hoàn toàn được đóng gói với mọi thứ bạn có thể muốn biết về việc xây dựng trang web với Webflow. Đây có thể là bootcamp của bạn.

Dùng thử Webflow