Grid.css - Web Geliştiricileri için Minimum Izgara Sistemi

Bootstrap gibi daha büyük önyüz çerçeveleri bunlarla birlikte gelir kendi şebeke kurulumları. Ama onlar da bir sürü bagajla gel Önceden tasarlanmış sayfa elemanları ve JavaScript bileşenleri şeklinde.

Daha küçük ve düzenli bir ızgara sistemi arıyorsanız, o zaman seveceksiniz Grid.css.

Bu ücretsiz açık kaynaklı kütüphane geleneksel paketlenmiş olarak geliyor 12-kol ızgara sistemi Herhangi bir düzen için yapılandırabileceğinizi CSS kullanımı gerçekten çok kolaydır ve dosyanın kendisi sadece 560 bayt ölçer (bu yarım KB!)

Başlamak çok kolay ve sadece ihtiyacınız var bir CSS dosyası başlığına eklendi.

Bulabilirsiniz doğrudan indirme bağlantısı Grid.css ana sayfasında veya resmi GitHub deposunda. Hatta kullanabilirsiniz ham CDN versiyonu bu dosyayı doğrudan GitHub'dan kendiniz barındırmadan gömmek için.

Şimdi sütun yapınızı ayarlayabilirsiniz istediğiniz herhangi bir öğeyi kullanarak (divs, bölümler vb.).

Bu genellikle bir .kürek çekmek eleman (konteyner) birçok ile birlikte iç sütun elemanları. Sütun sınıfları sayıları kullan kabın içindeki toplam alanını tanımlamak için, örneğin, .Süt4 on iki toplamın dört sütununu alır.

İşte bir örnek pasaj demodan:

İstediğiniz sütun sınıflarının herhangi bir kombinasyonunu, kullandıkları sürece kullanabilirsiniz 12'ye kadar ekle.

Bu da yapabilirsiniz sayfayı yeniden yapılandır ancak istediğiniz farklı sıra kaplar. Örneğin, başlığınız için büyük bir açıklığa sahip olabilirsiniz ancak sayfa gövdesiniz için iki farklı satır / sütun ayarları kullanın.

Doğal olarak, bu kütüphane % 100 ücretsiz ve açık kaynak, yani istediğiniz şekilde düzenleme yapmakta özgürsünüz.

Yaratıcı, Ahmed Tarek, ayrıca Butns yaptı Buradaki birçok butonun UI kitleri varyantıdır. O güzel Grid.css ile çiftleri, bu yüzden ikisi de yeni bir web projesine başlarken almak için mükemmel kütüphaneler..