WordPress’e Tablo Ekleme

Vatanay Özbeyli Yorum yazın Eklentiler

WordPress‘in kendi yapısında klasik HTML table elemanını tanıyan bir dönüştürücü mevcut. Ancak CMS içerisinde bir veri tablosu (datatable) oluşturmanızı sağlayacak kapsamlı bir seçenek mevcut değil.

TablePress, WordPress’e kolay bir şekilde tablo eklemenizi sağlar. Client-side çalışan bu yapı sayesinde sorgu öğelerine sahip gelişmiş bir gridi WordPress sitenize dahil etmiş olursunuz. (daha&helliip;)

Devamını Oku

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.

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku

IMGRID ile Resimlerinizi Yönetin

Vatanay Özbeyli 1 Yorum CSS3, HTML5, jQuery

IMGRID, sizler için hazırladığımız bir resim grid kütüphanesidir. HTML5 ile oluşturulmuş, CSS3 ile stilize edilmiş tasarım jQuery ile fonksiyonel hale getirilmiştir. Ancak yapının esnekliği sadece teknik bazda değil, kullanıcı arayüzü tarafında da bulunmaktadır. 3 ayrı şekilde boyutlandırmayı tek fonksiyon altından sunan IMGRID tamamıyla responsive olarak geliştirilmiştir.

Bütün işlemlerini client side olarak yürüten IMGRID’ın geliştirmeleri Adobewordpress tarafından versiyonlanarak devam edecektir. Şimdi biraz detaylar ve kullanım üzerine konuşalım. Ama öncesinde örneği test etmek isteyebilirsiniz.

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku

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;)

Devamını Oku

Bootstrap Class Listesi

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

Günümüz web tasarımının en popüler HTML, CSS ve JS frameworklerinden biri olan Bootstrap bünyesinde yüzlerce class barındırmakta. Liste bu kadar uzun olunca hatırlanması da güçleşiyor.

Adobewordpress sizler için bu geniş listeyi tek ekranda topluyor. (daha&helliip;)

Devamını Oku

jQuery ile Düzenlenebilir Table (editableTableWidget)

Vatanay Özbeyli Yorum yazın jQuery

Web tasarımının listeleme yükünü sırtlayan tablo yapıları günümüzde popülerliğini korumakta. Ancak kimi zaman veri çokluğundan, kimi zaman da form yoğunluklarından bu tablolardaki güncelleme işlemleri popup, modal veya yeni sekmede yapılmakta. Bu da kullanıcının ufacık bir satırı değiştirmesi için fazladan bir ekran daha gezmesi anlamına geliyor.