Pazartesi 5 Haziran 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. Spectre.css – Flexbox Tabanlı Responsive CSS Framework
 Spectre.css – Flexbox Tabanlı Responsive CSS Framework
Arayüz CSS

Spectre.css – Flexbox Tabanlı Responsive CSS Framework

Yazar : Bilal UÇAR 3 Ağustos 2017 0 Comment

Flexbox düzenlerine başlamak istiyorsanız, şimdi en iyi başlangıç ​​zamanı. Modern tarayıcılar nihayet flexbox özelliklerini kabul ediyor ve daha fazla geliştirici harekete geçiyor.

Spectre.css, flexbox’ta yeniyseniz kullanmaya başlamak için en iyi frameworklerden biridir.

Bu ücretsiz açık kaynaklı framework, işleyen bir ızgara sistemi ve yaygın flexbox özellikleri ile önceden oluşturulmuş olarak gelir.

Ayrıca Spectre’ı ve tüm LESS kullanıcıları için müthiş bir tercih yapabilen Sass yerine LESS’i kullanır.

Npm’den bir yükleme, ihtiyacınız olan herşeyle birlikte gelir: CSS simgeleri, mixin’ler, değişkenler ve tipik bir CSS frameworkünden bekleyebileceğiniz diğer şeyler.

Tüm kod tamamen anlamsaldır ve tüm HTML metin öğelerini, hatta gibi yeni metin öğelerini destekler. Metin stilleri aynı zamanda Doğu Asya fontları, Çince, Japonca ve Korece gibi dillerle desteklemektedir.

Metin, düğme, tablo, simge ve web formları (diğer şeylerin yanı sıra) için tasarım örnekleri listeleyen “Elements” sayfasında tonlarca örnek bulabilirsiniz.


Spectre, aynı zamanda sıfırdan kodlama harcanarak size saatlerce zaman kazandırabilir ton bileşenleri ile birlikte gelir. Pop-up’lar ve açılır menüler gibi dinamik özellikler, sadece birkaç satırlık bir kodla herhangi bir düzen eklemek çok kolay.

Bu framework hala oldukça yeni ve her zaman değişiklik yapıyor. Bu yazı hazırlanırken, Spectre v0.2 sürümünde ve deneyebileceğiniz birçok deneysel özelliği var.

Ancak, birincil bileşenleri, sayfa öğeleri ve ızgaraları tamamen işlevsel ve canlı bir üretim sitesi için hazır. Spectre, flexbox ızgaraları ile Less’te çalışan en iyi CSS frameworklerinden biridir.

Daha fazla bilgi edinmek ve başlamak için kurulum ve kurulumu kapsayan dokümantasyon sayfasını ziyaret edin.

Düşüncelerinizi paylaşmak isterseniz @spectrecss resmi hesabı tweetleyebilirsin.

Bu makalede flexbox tabanlı responsive, CSS Framework’ü olan Spectre.css’den bahsettik. Bu konu hakkındaki düşüncelerinizi yorum yaparak bizlerle paylaşabilirsiniz.

Etiketler: flexbox nedir flexbox tabanlı css framework responsive tasarım spectre.css
Ö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.