Flex ile Site Yenileme

İkili içerik gösteren site şeması

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.

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?




ALAKALI POSTLAR

Bir cevap veya yorum yazın

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