(Bu, CSS-Tricks ve Webflow'da aramızda üzerinde çalıştığım sponsorlu bir video. Bence Webflow, şu anda bir kategoride kendi başına bir kategori olan web siteleri oluşturmak için büyüleyici bir ürün. Biraz zaman alıyor. aklınızı başınızdan alacak, umarım bu videonun yapmanıza yardımcı olabileceği şey budur.)
1) Webflow, profesyonel tasarımlar ve geliştiriciler için oluşturuldu
Kod ile web siteleri oluşturmayı zaten biliyor musunuz? Bu harika. Webflow'un yeteneklerinizin altında olduğu anlamına gelmez. Web akışı, HTML ve CSS ile aynı soyutlamalardır, ancak bu arayüzleri görsel bir tuvalde gösterir.
2) Yeniden kullanılabilir stiller Webflow'un merkezinde yer alır
İçinizdeki CSS geliştiricisi muhtemelen her şeyi derslere dönüştürmek için can atıyor. Sınıf, yeniden kullanılabilirlik için CSS'nin nihai aracıdır. İyi haber, Webflow'da biçimlendirdiğiniz her şey, kelimenin tam anlamıyla bir sınıf olan bir seçici aracılığıyla yapılır. Bir sınıfı "beğenmek" bile değil. Kaputun altında gerçek bir sınıf. Web akışı web'i taklit etmez, webdir.
3) Webflow, Flexbox ve CSS Grid gibi özelliklere sahiptir
Sözdizimi hakkında düşünmek zorunda kalmadan görsel bir tuval üzerinde flexbox ve grid ile çalışmak çok tatmin edici. Özellik adlarını ve değerlerini hatırlamak yerine, boşluk ve hizalama ile uğraşmak için düğmelere tıklıyorsunuz veya araçları doğrudan tuvalin üzerinde kullanıyorsunuz.
Duyarlı tasarım konusunda endişeli misiniz? Webflow bunu tamamen kapsamıştır. Kesme noktalarını yeniden boyutlandırıp değiştirdikçe, tuvalin kendisi de boyutları değiştirir ve ayarladığınız stiller aşağı doğru büyükten küçüğe doğru akar.
4) Daha hızlı yayınlayın, daha az endişe edin
Webflow'da siteyi tasarlamayı bitirdiğinizde, başka bir yerde inşa etmesi için başka birine devretmezsiniz. Zaten bitirdiniz, siteyi oluşturdunuz. Yayınla düğmesine basabilir ve saniyeler içinde bir URL'de yayınlamasını sağlayabilirsiniz. Daha sonra başka herhangi bir etki alanını onunla eşleştirebilir ve barındırma ve dağıtım durumunuzu çözebilirsiniz. SFTP yok. güvenlik sorunu yok. Kendi başınıza halletmeniz gereken yazılım güncellemeleri yok.
5) Webflow CMS son derece güçlüdür ve müşteriler ve pazarlamacılar düşünülerek oluşturulmuştur
Webflow, diğerleri kadar güçlü olan yerleşik bir CMS'ye sahiptir. Tam olarak ihtiyacınız olan içerik modelini yapılandırırsınız (tabii ki kodlama gerekmez) ve buna sahip olursunuz. Bir anlamda bir form oluşturucu gibi. Ardından bu alanlar, statik içerik kadar kolay bir şekilde şablonlarınızda kullanılabilir hale gelir.
Belki de en iyi yanı, bu verileri oluşturup düzenlemenin sitenin kendisinde minimal bir arayüzle mümkün hale gelmesidir. CMS'deki (ve izin verdiğiniz) her alan, doğrudan canlı sitenin ön ucunda düzenlenebilir. Ayrıca, bir yönetici arayüzü aracılığıyla içerik oluşturmak ve düzenlemek için alt kısımda bir çubuk vardır. Her iki dünyanın en iyisi, sayfa üzerinde düzenleme ve form stili düzenleme.
6) Webflow'un animasyon araçları bir sonraki seviyedir
Webflow'u ilk duyduğunuzda, inanılmaz etkileşim tasarımıyla oluşturduğu sitelere bakmak olabilir. İşin eğlenceli yanı, Webflow'un tüm pazarlama sayfaları Webflow ile oluşturulmuştur. Bir tat için tasarımcı sayfasına bakın.
Paralaks gibi kaydırma tabanlı animasyonlar, tıklamalar ve fareyle üzerine gelme gibi olaylarla ilgili animasyonlar, bunların tümü, opaklık, hareketler ve döndürmeler gibi şeylerdeki değişikliklere iliştirdiğiniz bir etkileşim paneliyle mümkün hale geldi. Size yardımcı olacak şık ön ayarlar ve akıl almaz Lottie animasyonlarını entegre etmek gibi sonraki seviye şeyler var.
7) Sizin için bir ton öğrenme içeriği ve topluluk var
Web Akışını öğrenmek iyi şanslar değil Umarım bazı blog yazıları veya YouTube videoları bulursunuz. Webflow University tamamen ücretsizdir ve Webflow ile web siteleri oluşturma hakkında bilmek isteyebileceğiniz her şeyi kesinlikle içerir. Bu sizin eğitim kampınız olabilir.
Webflow'u deneyin