Bootstrap'i Genişletme

Bize sunduğu her şeyi gezdikten sonra güçlendirici Temel CSS'si, işlevsellik ve kullanım kolaylığı açısından zengin kullanıcı arayüzleri oluşturmaya yönelik sınıfları ve bileşenleri ile ilgili olarak, bu çerçeveyle yapılacak hiçbir şey kalmadığını düşünebiliriz, ancak gerçek şu ki hala çok daha fazlasını yapabiliriz.
işlevselliğini genişletebiliriz. Önyükleme çok daha fazlası ve bu büyük ölçüde, her zaman işleri yapmanın daha iyi yollarını arayan geliştiriciler topluluğundan kaynaklanmaktadır ve bu, çerçeve için eklentilerin ve uzantıların ortaya çıktığı yerdir.
Bize şablonlar ve uzantılar sağlama konusunda uzmanlaşmış sayfalardan özel bileşenlere kadar çerçevenin işlevlerini genişletmek için elimizde neler olduğunu görelim.
Uzantı Sayfaları
Çerçevemizin işlevlerini genişletmek için bize kaynaklar sağlayan web sayfalarını görelim.

Bootsnipp

Bootsnipp'in ne yaptığını tanımlamanın pek çok farklı yolu yoktur, ancak bununla ilgili her şeye sahip olduğu söylenebilir. Önyükleme, diğerlerinin yanı sıra kapsamlı bir şablonlar, örnek kodlar, uzantılar listesine farklı sürümlerinden geçerek.
Buna ek olarak, benzer sayfaların bir listesi vardır, böylece çerçevemizi genişletme konusunda çok daha fazla seçeneğe sahip oluruz ve sadece bununla kalmaz, sunduğu her şeyi yararlı kategorilerde gruplandırır, bu nedenle belirli bir şey ararsak yalnızca bu listeye erişmeniz veya etiketlere göre arama yapmanız gerekir.

BÜYÜT

Sayfa bize, içindeki farklı kontrolleri sürükleyip bırakmamıza ve Önyükleme formumuzu oluşturmak istediğimiz yer.
Formumuz için geleneksel metin alanları, metin alanları, açılır listeler, radyo düğmeleri veya onay kutuları ve hatta eylem düğmeleri ekleyebiliriz. Her şeyi hazırladıktan sonra sekmeye basıyoruz. işlendi ve uygulamamızda uygulayacağımız kodu alacağız.

BÜYÜT

Son olarak, hem sürüm iki hem de üç için bir düğme oluşturucumuz var. Önyükleme, bu şekilde, stil sayfasına ve simgelerle ilgili tüm bilgilere başvurmak zorunda kalmadan ihtiyacımız olan tüm stilleri ve simgeleri ekleyebiliriz, düğmemizden memnun kaldıktan sonra, onu oluşturmak için uygulamamızdaki kodu kopyalamamız yeterlidir:

BÜYÜT

Önyüklemeyi Sar

Bu, şuna benzer bir sayfa çizmeBununla birlikte, en büyük fark, Wrap Bootstrap'ın sunduğu küçük kod parçalarına değil, yalnızca şablonlara odaklanması gerçeğinde yatmaktadır. Bootsnippile oluşturulmuş sitelerin eksiksiz şablonlarına sahibiz. Önyükleme.
Ayrıca, eğer geliştiriciysek, bu sayfa şablonlarımızın yayınlanmasına bile izin veriyor, çalışmalarımızla biraz para kazanabiliyor, bu yüzden her tür kullanıcıya kar sunuyor.

BÜYÜT

Bootstrap için Genişletilmiş Kitler
Evet, standart sürümünü kullanabiliriz Önyükleme Uygulamalarımız için, bize çerçevenin özelleştirilmiş versiyonlarını veren bazı genişletilmiş kitler var, böylece varsayılan olarak getirdiğini artı biraz daha fazlasını kullanabiliyoruz.

jasny önyükleme

Bu genişletilmiş kitlerden biri, standart sürümünün sahip olduğu her şeye sahip olan Jasny Bootstrap'tır. Önyükleme, ayrıca onu indirmek için en uygun seçeneklerden biri yapan bazı ek özellikler.

BÜYÜT

AJAX kullanarak çağrıların yanı sıra girdiler için yeni türler, dosya yüklemek için bir bileşen, satırlar için bağlantılar, ekstra simgeler ve çok daha fazlasını uygular. Önyükleme standart uygulamalarımız iyi görünüyordu, jasny çok daha iyi görünecekler.

Önyükleme artı

gibi komple kitlerle jasny Görülecek fazla bir şey yok, ancak bakmaya değer oldukça ilginç bazı genişletilmiş kitler var, bunlardan biri tasarımını temel olarak temel alan Bootplus. Google+.

BÜYÜT

Bu, sosyal ağın ünlü kartlarını ve en iyi tarzda bildirimleri içeren çerçeveye bazı yeni bileşenler uygular. Google+, bu özelliklere sahip bir web sitesi oluşturmamız gerekirse Önyükleme artı tam da ihtiyacımız olan şey bu.
Kullanıcı arayüzü kitleri
Ayrıca, kullanıcıya kullanılabilirlik açısından mümkün olan en iyi deneyimi sunmaya odaklanan eklentilerimiz de var.

Yakıt Kullanıcı Deneyimi

İlk başta Fuel UX'in bir Önyükleme uzantılarla tamamlandı, ancak gerçek şu ki, esas olarak kullanıcı arayüzüne odaklanıyor, çünkü bunun yaptığı şey CSS'yi ve çerçevenin temel stillerini yazmakla ilgili.
Bu, alanlarımızı görsel olarak çok daha keyifli ve hatta çekici kılıyor ve kullanıcının ne yapacağını tahmin etmesine gerek kalmaması için ekstra bir kullanılabilirlik sağlıyor.
Bir dizi inanılmaz bileşene sahiptir, ancak ağaç bileşenini vurgulayabiliriz veya Ağaç ve yardımcısı veya sihirbaz, bunlar uygulamalarımızın eşsiz kalitede görünmesini sağlayacaktır.

Önyükleme Doğrulayıcı

Favorilerimizden biri, Önyükleme Doğrulayıcı Harika görünen bileşenlerle kullanıcı dostu arayüzler oluşturmamıza izin vermekle kalmaz, aynı zamanda formumuzun alanlarını son kullanıcı için harika görünen basit bir şekilde doğrulamamıza da olanak tanır.
Doğrulamalar için düzenli ifadeler kullanır ve etkili kullanımı için biraz programlama bilgisine sahip olmanız gerekir, ancak denemeye değer, çünkü kullanmanın sonucu sadece iyi görünen uygulamalar değil, aynı zamanda sahada daha sağlamdır. Görünüş.
Bu uzantı hakkında daha fazla bilgi edinmek istiyorsanız, Bootstrap Validator ile nasıl uygulanacağının açıklandığı ve ayrıca verebileceğimiz çeşitli şekillerde bazı kullanımların açıklandığı doğrulama eğitimine göz atabilirsiniz.

Diğer bileşenler

Son olarak, oldukça özel iki bileşenimiz var, ilki Bootstrap Switch olarak adlandırılan bize cihazlarımızda sahip olduğumuza benzer bir arayüz sağlıyor. ios, açma ve kapama düğmeleri vardır, bunların renklerini değiştirebilir ve diğer kullanışlı işlevleri uygulamamız için uygulayabiliriz.

BÜYÜT

Bootstrap Markdown adlı ikincisi, birden fazla kitaplık uygulamak zorunda kalma zahmetli bir süreç olmadan ve bu tür veri girişi için olağan HTML işlemlerini yapmadan uygulamalarımıza bir düzenleyici eklememize olanak tanır.

BÜYÜT

işlevselliğini nasıl genişletebileceğimizi bilebildik. Önyükleme, yalnızca buna dayalı şablonlarla değil, aynı zamanda uygulamalarımız içinde kullanıcı arayüzlerinin geliştirilmesi için kullanımını en uygun hale getiren genişletilmiş sürümler ve bileşenlerle.Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.