Cuma 24 Mart 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. Sass ile Oluşturulmuş Güzel UI Kütüphanesi : Sierra
 Sass ile Oluşturulmuş Güzel UI Kütüphanesi : Sierra
Arayüz CSS

Sass ile Oluşturulmuş Güzel UI Kütüphanesi : Sierra

Yazar : Bilal UÇAR 3 Temmuz 2017 0 Comment

Frontend frameworkleriyle dolu bir dünyada, tüm seçenekler arasında karar vermek zor olabilir. Ancak, Sass seviyorsanız, Sierra sizin için en iyi, en yeni UI frameworkü olabilir.

Tamamen özelleştirilebilir ve tamamen SCSS kodunda çalışır. Bu, hepsinin bir arada güçlü ve ücretsiz bir UI kitaplığına birleştiği düzinelerce SCSS kısmi ve ilgili kütüphanelerle birlikte gelir.


Geliştiriciler yeni bir Sass kütüphanesini duyunca, genellikle bir dizi mixin(Css’in tarayıcılar için yazdığımız ekstra kodları kendisi oluşturabilen hali) olduğu varsayılır. Ancak Sierra sadece değişkenler ve mixin’lerden başka bir şey değildir. Bu kütüphane, ızgaralar, tipografi, tablolar, düğmeler, formlar ve bir web sitesi tasarlamak için ihtiyaç duyduğunuz her şey için özel stiller içeren gerçek mavi bir kullanıcı arayüzü çerçevesidir.


Toplamda, kütüphane yaklaşık 34kb’dir ve bu boyut biraz yüksek gelebilir. Ancak aldığınız her şeyi göz önünde bulundurursak, bu iyi bir boyut.

Sierra’da çalışırken, ızgaraları, dolgu, boşluk, yazı tipi boyutlarını / ailelerini, renklerini ve çok daha fazlasını değiştirmek için tamamen özelleştirilebilir seçenekler elde edersiniz. Hepsi SCSS üzerinden kontrol edilir ve her kütüphane daha basit organizasyon için farklı dosyalara ayrılır.

UI kitaplığı, en yaygın sayfa öğeleri için onlarca ön uç stili ile birlikte gelir:

  • Paragraflar ve başlıklar
  • Düğmeler
  • Form girdileri (açılan listeler, radyolar, vb.)
  • Tablolar
  • sayfalara numara koyma
  • Sol / sağ hizalamalar
  • Özel yükleme çubukları

Tüm bu unsurlar, daha koyu bir renk şeması kullanan demo sayfasında görülebilir. Varsayılan olarak, Sierra karanlık bir UI kitaplığıdır ancak tüm renkleri değiştirmek kolaydır çünkü herhangi bir web sitesi stili için çalışabilir.

Tek şikayetim, kolayca erişilebilen dokümantasyonun olmaması. Sierra şu anda v2.0 sürümünde, ancak ana repo bile kurulum ve özelleştirme ipuçlarında seyrek.

Sierra, gayet güzel ve Web’deki birkaç Sass tabanlı UI kütüphanelerinden biridir.

Denemek isterseniz, demolar ve diğer ayrıntılar için ana web sitesini ziyaret edin. Eğer bir yerde takılırsanız, GitHub sorunları sayfasında bir soru açmayı deneyebilir veya daha fazla ayrıntı için yaratıcı Joan Claret’i mesajlaşabilirsiniz.

Bu makalede ücretsiz Sass kütüphanesi olan Sierra’dan bahsettik. Bu konu hakkındaki düşüncelerinizi yorum yaparak bizlerle paylaşabilirsiniz.

Etiketler: sass kütüphaneleri sass sierra kütüphanesi ücretsiz sass kütüphaneleric
Önceki Yazı
Sonraki Yazı

Bilal UÇAR (Website)

administrator

Front-end Developer @Webmaster.Kitchen. Front-end developer olarak çalışıyorum. Bu konuda öğrendiklerimi sizlerle paylaşmaya çalışıyorum. Siz de yaptığınız çalışmaları, edindiğiniz bilgileri paylaşabilirsiniz. Yorum alanı ile mutfağa katkıda bulunun.

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.