Web sayfalarınızı tüm cihazlar için tasarlayın

Foundation, kişisel bilgisayarlar, mobil cihazlar, tabletler,akıllı telefonlar ve TV’ ler için hazırlanmış bir web tasarım framework’ üdür.

Web tasarım geliştiricileri, sayfalarını geliştirirken, çözünürlük ve ekran boyutu farklılığından dolayı form nesneleri için düzen sorunu yaşayabilirler. İşte Foundation tamda bu noktada bize yardımcı olacaktır.

Ekran çözünürlüğü veya web browser’ ın boyutu değiştiğinde tüm içerik sizin için otomatik olarak, aygıtınızın niceliklerine göre tekrardan ayarlanacaktır. Bu sayede, her aygıt için farklı tasarım yapma gibi bir zahmetten kurtulmuş oluyoruz.

Örneğin buradan, browser’ın pencere boyutunu değiştirerek, sayfa biçiminin nasıl değiştiğini gözlemleyebilirsiniz.

Foundation’ ı kullanmak gayet kolay. Sadece iki’şer adet JavaScript ve Css dosyasını sayfanızda tanımlıyorsunuz ve Foundation’ın nimetlerinden faydalanıyorsunuz.

Form nesnesinin düzen ayarları için ise <div> nesnesinin “class” özelliği ile oynuyorsunuz. Foundation’ ı bilgisayarınıza indirdiğinizde index.html dosyasından kullanım şekillerini görebilirsiniz, yada Foundation’ nın web sayfasından Documentation kısmında kullanım örneklerini inceleyebilirsiniz.