Spectre.css - Hafif Flexbox Tabanlı Duyarlı CSS Çerçevesi

Eğer dalmak istersen flexbox düzenleri o zaman şimdi başlamak için en iyi zaman. Modern tarayıcılar Sonunda esnek kutu özelliklerini kabul etme ve daha fazla geliştirici harekete geçiyor.

Ancak, neden yapabiliyorken sıfırdan başla yeniden kullanılabilir kodun üstüne inşa? Spectre.css Flexbox'ta yeniyseniz, kullanmaya başlamak için en iyi çerçevelerden biri.

Bu ücretsiz açık kaynaklı çerçeve ile önceden oluşturulmuş bir işleyen ızgara sistemi ve ortak esnek kutu özellikleri. O Gulp'a güveniyor herhangi bir bilgisayardan anında CSS'yi derlemek ve çalıştırmak için.

O da LESS kullanır Spectre ve tüm LESS kullanıcıları için müthiş bir seçim yapabilen Sass yerine.

Npm'den bir indirme, ihtiyacınız olan her şeyle birlikte gelir: CSS simgeleri, karışımlar, değişkenler, ve tipik bir CSS çerçevesinden bekleyeceğiniz başka bir şey.

Tüm kod tamamen anlamsal ve tüm HTML metin öğelerini destekler, yeni olanlar bile . Metin stilleri de Doğu Asya yazı tiplerini destekle Çince, Japonca ve Korece gibi dillerle.

Bulabilirsin tonlarca örnek üzerinde “Elementler” hangi sayfa tasarım örneklerini listeler metin, düğmeler, tablolar, simgeler ve web formları için (diğer şeylerin yanı sıra).

Hayalet de geliyor tonlarca bileşen sıfırdan kodlama için harcadığınız zamandan tasarruf etmenizi sağlar. Dinamik özellikler, gibi popovers ve açılır menüler, sadece birkaç satır kod ile herhangi bir düzende eklemek süper kolay.

Bu çerçeve hala oldukça yeni ve her zaman değişiklik geçiriyor. Bu yazının yazıldığı sırada Spectre v0.2 ve sahip birçok deneysel özellik deneyebilirsin.

Ancak, birincil bileşenler, sayfa öğeleri ve ızgaralar tamamen işlevsel ve canlı bir üretim sitesi için hazır. Spectre, esnek kutu ızgaralarıyla daha az çalışan en iyi CSS çerçevelerinden biridir.

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

Ayrıca kodun bir kopyasını da indirebilirsiniz. GitHub'dan Ayrıca belgeler için küçük bir bölümü de vardır. Ve eğer düşüncelerinizi paylaşmak isterseniz, @spectrecss resmi hesabını tweetleyebilirsiniz..