Bootstrap

Bootstrap’e Sol Menü Eklemek

Vatanay Özbeyli 1 Yorum Bootstrap

Bootstrap 3‘ün en hissedilen eksikliklerinden birisi sol menü tasarımının olmaması. Ancak bu yapıyı kütüphaneye katan onlarca ek geliştirme internette dolaşmakta. Bu tasarımların en iyilerinden birisi de David Miller tarafından geliştirilmiş Simple Sidebar isimli çalışma.

Bu makalemizde sizlerle birlikte “Bootstrap’e nasıl sol menü eklenir?” sorusuna cevap arayacağız.

Bootstrap Navbar’a Alt Menü Ekleme (Multi Level)

Vatanay Özbeyli 1 Yorum Bootstrap

Bootstrap‘in mobil destekli menü sistemi Navbar varsayılan haliyle (3.0 versiyonu itibariyle) sadece tek bir alt menüyü desteklemekte. Bir dizinden fazla dallanan bir menünüz varsa Bootstrap’in Navbar yapısı sizin ihtiyacınızı karşılamayacaktır.

Bugün sizlere Bootstrap’in Navbar menü yapısına çoklu alt menü desteğinin nasıl ekleneceğini anlatacağız.

Ders 3 : Bootstrap İkon Kullanımı

Vatanay Özbeyli 1 Yorum Bootstrap, Öne Çıkanlar

Bootstrap konulu makalelerimiz tasarımın önemli unsurlarından olan ikonlar ile devam ediyor.

Glyphicons (Halflings), ücretli bir ikon servisi. 260’ın üzerindeki vektör görseli font formatında bize sunan bu yapı Bootstrap ile ücretsiz olarak kullanılabiliyor.

Bugün sizlerle bu ikon setini nasıl ve nerelerde kullanabileceğimizi konuşacağız. (daha&helliip;)

Bootstrap 4 geliyor!

Vatanay Özbeyli 4 Yorum Bootstrap

Web tasarım dünyasının en popüler kütüphanelerinden biri olan Bootstrap 4. yaşını kutluyor.
Adobewordpress gibi milyonlarca web sitesinin UI iskeletini oluşturan Bootstrap yeni yaşına yepyeni bir versiyon geçişiyle merhaba diyor.
(daha&helliip;)

Ambilight ile Bootstrap Slider Kullanımı

Vatanay Özbeyli 2 Yorum Bootstrap, İlham Verenler, jQuery, Öne Çıkanlar

Bootstrap üzerine konuşmaya devam ediyoruz. Bugün Bootstrap Slider‘ı (bilinen adıyla Carousel) Ambilight tasarımıyla özgün ve şık hale getireceğiz. Oluşturacağımız yenilikçi tasarım, Bootstrap varolan işlevsel sliderını bir adım daha öteye taşıyacak.

Bootstrap Table’a Arama Özelliği Ekleme

Vatanay Özbeyli 3 Yorum Bootstrap, jQuery

HTML, CSS ve JavaScript ile oluşturulmuş en popüler önyüz kütüphanesi olan Bootstrap üzerine konuşmaya devam ediyoruz.

Bugün sizlerle Bootstrap’in table yapısına arama özelliği ekleyeceğiz. Bu işlemi yaparken de sırtımızı jQuery’nin fonksiyonelitesine dayayacağız.

Bootstrap Material Design

Vatanay Özbeyli 2 Yorum Bootstrap, İlham Verenler

Google’ın yeni nesil kullanıcı dostu tasarım prensipleri ile Twitter’ın CSS kütüphanesini bir arada kullanmaya ne dersiniz?

Material Design‘ı mobil ortamda yeni yeni görmeye başlamışken web tarafında işler daha hızlı ilerliyor. Web geliştiricileri günden güne yeni Material Design elemanları paylaşırken şimdi de Bootstrap tarafında hareketlenmeler yaşanmaya başladı. FezVrasta, GitHub sayfasında paylaştığı bu web önyüzüyle son günlerde fazlasıyla popüler. (daha&helliip;)

Ders 2 : Bootstrap Grid (Izgara) Yapısı

Vatanay Özbeyli 7 Yorum Bootstrap, Öne Çıkanlar

Bootstrap ders serimizin ikinci adımıyla sizlerleyiz.

Adobewordpress ailesi olarak CSS3’ün Media Sorgularını daha önce konu edinmiştik. Şimdi aynı işlemi, yani Responsive Design’in liquid yapısını Bootstrap ile hazırlayacağız.

Bugün kütüphanenin sunduğu en büyük avantajı, 12’lik grid (ızgara) yapısını konuşacağız. (daha&helliip;)