flex

Flex ile Site Yenileme

- 283

Sunipeyk Yenilendi

Site görünümünü yeniledim. Yeni derken o kadar da yeni bir özellik değil elbette. Bu site için yeni diyelim.
Görüldüğü üzere masaüstü ve tablet üzerinden erişildiğinde anasayfa ve arşiv sonuç sayfaları yanyana iki içerik göstermektedir. Bu arada, yazı başlığı, varsa ilgili görselin sırası da değişti.
Tüm bunlar CSS3 ile gelen flex özelliği sayesinde, kolayca yapılabiliyor.

Flex ile Yenileyin

CSS ve flex özelliklerini kullanarak mevcut sitenizi yeniden tasarlayabilirsiniz.
Öncelikle CSS flex Property ve flex CSS sayfalarından başlamanızı öneririm.
Sonra kendinizi test etmek ve öğrendiklerinizi pekiştirmek için harika bir oyun sitesi var; flexboxfroggy.com. Bu site ile flex özelliklerini çok daha iyi anlayabilirsiniz.
Yeni tüm tarayıcıların desteği de var. Siz kontrol etmek isterseniz caniuse üzerinden bakabilirsiniz.

WP Handle

WP HANDLE: All-in-one WordPress Service

2014 yılının sonlarında geçtiğim Mostly fluid site yapısı devam ediyor. Bu yapı da flex özelliklidir. Şimdi site menüsü ve anasayfa, arşiv sayfaları için de flex yapıya geçmiş olduk. Niye o kadar beklemişiz ki?

Bir cevap veya yorum yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir


E-posta ile abone ol

Bu site spamları azaltmak için Akismet kullanmaktadır. Yorum verilerinizin nasıl işlendiğini Akismet Privacy üzerinden öğrenebilirsiniz.