Salı 31 Ocak 2023
Hakkında
Yazarlarımız
Reklam
Künye
İletişim
Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı

Bülten

Sosyal Medya Yasası Kabul Edildi

Binance ‘e Siber Saldırı

Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı
  • BAŞLARKEN
    • KOD
      • PHP
      • Asp.Net
      • Swift
      • MySQL
      • CMS
  • TASARIM
    • İpuçları
    • Çizim
    • Illustrator
    • Photoshop
    • Trendler
  • ARAYÜZ
    • JavaScript
    • HTML5
    • CSS
    • REACT
  • İPUÇLARI
    • API
    • Güvenlik
    • IDE
    • Framework
    • OS
    • Verimlilik
    • İçerik
      • Dökümantasyon
      • İpuçları
      • Nasıl Oluşturulur?
  • KAYNAKLAR
    • Tasarım
    • Kod
    • İş
  • GİRİŞİM
    • Finans
    • Girişimci
    • Nasıl yapılır?
  • ARAÇLAR
  1. Anasayfa
  2. Arayüz
  3. Arayüz Geliştiricileri İçin Responsive CSS Framework Nedir?
 Arayüz Geliştiricileri İçin Responsive CSS Framework Nedir?
Arayüz CSS

Arayüz Geliştiricileri İçin Responsive CSS Framework Nedir?

Yazar : Fatih 27 Haziran 2016 2 Comments

İçindekiler

  • Framework nedir?

  • CSS Framework’lerin Avantajları

  • CSS Framework’lerin Dezavantajları

      • Kaynak

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.

CSS Framework’lerin 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.

Etiketler: css framework CSS Frontend Frameworks front-end frameworks frontend development responsive design what is css framework
Önceki Yazı
Sonraki Yazı

Fatih

author

2 Yorumlar

  • yunus says:
    13 Haziran 2018 at 16:27

    bu konuda türkiyenin en iyi freelancer çalışan yada ajansda çalışan kimdir. kaç gündür iş vermek istiyorum işini hakkıyla yapan kimsryi bulamıyorum

    Reply
    • Bilal UÇAR says:
      19 Haziran 2018 at 15:48

      https://teknovol.com.tr

      Reply

Yorum Yap Yorumu İptal Et.

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Taze Yazılar
Güncel

Sosyal Medya Yasası Kabul Edildi

14 Ekim 2022
Blockchain

Binance ‘e Siber Saldırı

8 Ekim 2022
Blockchain

Binance ‘den Ücretsiz Eğitim

5 Ekim 2022
Güncel

Japonya için Yenilenen Corolla

4 Ekim 2022
© 2021 Webmaster Kitchen. Tüm Hakları Saklıdır.