Vital CSS - Minimal İnvaziv Bir Web Çerçevesi

Önyükleme üstünden geç, çünkü orada yeni bir CSS çerçevesi kasabada. Denir Hayati ve ön uç gelişimini engeller temel şartlara kadar.

Vital ile geliyor sadece CSS ve sahip JavaScript kitaplıkları veya bağımlılıkları sıfır. Ve Vital.css stil sayfası yalnızca 31KB küçültülmüş, simge yazı tipleri dahil.

Sadece Bootstrap'ın CSS dosyası tek başına toplam 118 KB. Vital, Bootstrap'ın neredeyse 1 / 4'ü! Sadece geliştiriciler için inşa edilmiştir hızlı bir çözüme ihtiyacım var sonraki projeleri için.

Hayati bir tamamen açık kaynak çerçeve GitHub'daki tüm kodlar incelendiğinde.

Herşey CSS için Sass ve HTML için Slim ile oluşturulmuş. Ama bu sadece gelişim için, Yani Vital'ı üretim için kullanıyorsanız, saf CSS’yi doğrudan dışa aktarın.

En son sürümler indirmek için kullanılabilir bültenleri sayfası ve bunlar CSS kodu ile birlikte özel simge yazı tipleri. Sen de bulacaksın bol miktarda HTML ve CSS gösterimi ve bazı temel belgeler GitHub sayfasında.

Ancak gerçek iyi şeyler üzerinde bulunabilir bileşenler sayfası. Bu Vital ile edindiğiniz her şeyi listeler, ızgaralar, tipografi, düğmeler, yükleyiciler, tablolar, sekmeler, form girişleri ve çok daha fazlasını içeren.

Bu özelliklerin hiçbiri JavaScript'e dayanmıyor, Bu büyük bir bonus. JavaScript ile daha fazlasını yapabileceğinize rağmen, Frontend'i tasarlarken JS konusunda endişelenmenize gerek yok.

Yapabilirsin herhangi bir öğeyi yeniden oluştur Sadece bileşenler sayfasından bir CSS sınıfı kullanmak. Bu sınıflar olabilir biraz otomatik Slim kullanıyorsanız, Sass / Slim kullanıcıları için küçük bir avantaj var..

Ancak Vital herhangi bir geliştirici için iyi çalışabilir bazı HTML / CSS tecrübesi ile. Bu bir tamamen ücretsiz çerçeve ve bu çok daha hafif alternatiflerden daha.

Daha fazla bilgi için, Vital'ın ana sayfasını inceleyin veya Vital'ın tartışan yaratıcıları tarafından yazılan bu makaleyi gözden geçirin. Neden çerçeveyi yarattılar? ve çözmesi gereken sorunlar.