İlan

Bir web geliştiricisinin web tasarımlarını bir bilgisayarda test etmesi, tasarımın bir akıllı telefondan bakıldığında buggy olduğunu bulmak için çok uygun değildir. Geliştirme aşamasında bu endişeyi gidermek için burada FROONT adlı bir uygulama.

FROONT, web sitelerini duyarlı bir arayüzde tasarlamanızı sağlayan ücretsiz bir web hizmetidir. Web hizmetini, web sitesinde bir hesap oluşturarak kullanmaya başlarsınız. Bir sonraki adım, siteyi demo sayfasıyla da test edebilmenize rağmen yeni bir tuvalle başlamaktır. Tuvalde, sol bölmede kaplar, ızgaralar, metin, resimler ve vektörler eklemenize izin veren kontroller bulacaksınız. Eklemek istediğiniz öğe türünü tıklayabilirsiniz.

froont

Düğmeye tıklamanızla sayfada görünen öğe arasında küçük bir gecikme olabilir - bu, öğenin yükleme süresidir. Öğe sayfada mevcut olduğunda vurgulanması için öğeyi tıklayabilirsiniz.

froont

Bir öğe seçiliyken, hiyerarşi kutusunu tam sayfada kayan bulacaksınız. Bu kayan hiyerarşi kutusu, belirli bir öğeyi kolayca silmenizi veya bu öğeye götürülmenizi sağlar. Öğeleri düzenlemek için tek yapmanız gereken öğeye çift tıklamaktır. Öğeler kendi tasarım tercihlerinize uyacak şekilde yeniden boyutlandırılabilir. Metin alanları için, mini kayan pencerede metne özel biçimlendirme eklemenize izin veren bir dizi seçenek görünecektir.

instagram viewer

FROONT: Web Sitenizi Duyarlı Bir Arayüzde Tasarlayın ve Kod Seçeneklerini Edinin

Sayfada değişiklik yapmayı tamamladıktan sonra, sayfa tasarımının CSS ve HTML kodunu alabilirsiniz. Tasarımları paylaşmak için oluşturduğunuz sayfaların URL'sini arkadaşlarınızla ve ortak çalışanlarınızla da paylaşabilirsiniz.

FROONT: Web Sitenizi Duyarlı Bir Arayüzde Tasarlayın ve Kod Kaynağını Alın

Tasarımlarınızı düzenlerken, sayfanızın akıllı telefon gibi daha küçük boyutlara sahip bir tarayıcıda nasıl görüneceğini görmek için tarayıcı penceresini yeniden boyutlandırabilirsiniz.

Özellikleri:

  • Kullanıcı dostu bir web servisi.
  • Duyarlı bir arayüzde web sayfaları oluşturmanızı sağlar.
  • Web sitesini cihazlarda ayrı ayrı test etmek için harcadığınız zamandan tasarruf etmenize yardımcı olur.
  • Tarayıcı penceresini yeniden boyutlandırdığınızda sayfa kendini yeniden ayarlar.

FROONT @ 'a göz atın http://froont.com