Arayüz CSS

Arayüz geliştiricileri için responsive CSS framework nedir?

Web geliştirme dünyası geliştikçe CSS frameworkleri ortaya çıkmıştır. CSS frameworkleri, geliştiricilerin tasarımlarını hızlıca yapabilecekleri bir prototip sağladığı için, son zamanlarda popülaritesi artmaya başladı. Bu hazır çerçeveler, her sitede tekrar tekrar yapılması gereken görevlerin tüm ağırlığını aldığı için, tasarımcıların kısa sürede daha temiz ve güzel işler çıkarmasını da sağladı.

Webmaster.Kitchen-full-stack-frameworks-info

Responsive web sayfası hazırlarken hemen hemen herkesin tercihi CSS Frameworkleri kullanmaktadır. Bunlar bize hem çok fazla hız kazandırır, hem de içerdikleri componentler sayesinde çok güzel tasarımlar ortaya çıkartmamızı sağlarlar.

Birçok avantajından dolayı çalışmalarımızda framework kullanmak büyük kolaylık sağlayacaktır. Framework’ler bir dizi standardı karşılayacak şekilde hazırlanmıştır. Daha kolay ve güçlü siteler hazırlamaya, zamandan tasarruf ve işlerin daha hızlı bitmesini sağlar.

Framework nedir?

Webmaster.Kitchen-frontend-development-frameworks

Framework, yazılımın iskeletini oluşturan, fonksiyon ve sınıflardan oluşan geniş çaplı bir kütüphaneye sahip uygulama çatısıdır.

CSS Frameworkler, web sayfalarını standartlara uyumlu, daha kolay ve düzenli stil sağlamak için önceden yazılmış kütüphanelerdir. CSS framework yada diğer adıyla front-end developer framework, web site yada uygulama geliştiricileri için hazır CSS parametreleri ve modulleri içeren bir dosya diyebiliriz.

Örneklendirerek açıklamaya çalışırsak, birileri web sitelerin layoutlarını hemen hemen her sitede bulunan butonlar, formlar, menuler gibi kısımlarını CSS ile stillendirip, bunu hazır bir paket haline gelmiş halidir. Sıfırdan yüzlerde yada binlerce CSS komutu yazmaktan kurtarmış oluyorlar.

CSS Framework’lerin Avantajları

Webmaster.Kitchen-advantages-and-disadvantages

  • Bir Framework, hazırladığınız projenin sürecini hızlandırır.
  • Çok daha düzenli ve temiz bir kod yazımını sağlar.
  • Böylece proje tesliminden sonra teslim alan kişinin gereksiz ve anlamsız kodlar arasında kaybolmasını engelleyip, sonrasında vereceğiniz desteği azaltma imkanınızda olur.
  • Framework’ler bir dizi standartlardan oluştuğu için kolay ve güçlü projeler geliştirmenize olanak sağlar.
  • Önceden hazırlanmış sütun ve grid düzeni sağlar.
  • Tarayıcılardan kaynaklanan satır yüksekliği, kenar boşluğu, yazı tipi boyutu gibi bir takım farkları ortadan kaldırmamıza yardımcı olur.
  • Çekici bir web sitesi için gerekli font seçimleri, renk düzeni, tipografi gibi şeyleri bize sunar.

Ve Dezavantajları

  • Karışık içerik ve sunum
  • Kullanılmayan kod fazlalılığı
  • Kendi kendinize öğrenememe zorluğu
  • Yavaş öğrenme eğrisi

Hangi framework tercihi yapacağınız ilk olarak yapmak istediğiniz projeye bağlı. Eğer sade bir tasarım ile çok fazla component ihtiyacı olmayan bir site yapacaksınız Bootstrap olmalı. Ancak çok fazla component ihtiyacınız varsa, form validation gibi özellikler için ekstra kütüphaneler kullanmak istemiyorsanız tercihiniz Semantic-UI olabilir.
Çoğu component bütün frameworklerde temel olarak yer almaktadır ama bazı componentler ise sadece bir frameworkde yer alabilir. Bu yüzden başlamadan önce yapmak istediğiniz projeye en uygun frameworkü seçmek için, componentlerini incelemekte fayda var.

Kaynak

Bu kaynak sizlere sunulmadan önce bu kaynakdan istifade edilmiştir.



Yazar hakkında

Fatih Özel

Developer Teknovol | Çırak JavaScript Engineering

Yorumlar

Bir yorum yaz