Responsive web sitelerinde hamburger menü artık baya kullanılmaya başlandı. Birde bunların animasyonluları çıktı ki gayet lezzetli oldular. Animasyonlu mobil menü yapmak için zaman harcayan arkadaşlar için küçük bir js dosyası oluşturdum ihtiyacı olan arkadaşlar direk çalabilir. kullanımı gayet kolay js dosyasını projemize import edip bir wbmicon id’sine sahip bir div oluşturuyoruz ve bu divin içine…
-
CSS ile içeriği yatayda ve dikeyde ortalama
Div içeriklerini yatayda ve dikeyde ortalamak için yaygın olarak kullanılan method padding olsa da bazi fluid yapılarda özellikle responsive yapılarda bu çok sağlıklı çalışmamaktadır. Flexbox özelliği ile esnek divler oluşturmak oldukça kolay oluyor ve float/clear kullanımını minimuma indirdiği için responsive tasarımlardaki layout bozukluklarının da büyük ölçüde önüne geçiyor. Flex yapısını ilerleyen zamanlarda daha detaylı anlatacağım…