Ufak Bir Menü İkonu Değişikliği

Site menüsünün mobil hamburger menü ikonunda ufak bir değişiklik yaptık. Birazcık hareketli oldu. Tabii hepsi CSS sayesinde. Yine herhangi bir script kullanılmadı. Kaynağımız w3bits’in sadece CSS ile hareketli mobil ikonu yazısı. Kodlarda biraz oynadık ve kendi menümüze uyarladık. Böylece biraz daha güzel göründü, sanırız.

CSS Position Sticky Kullanın ki

Sayfa kaydırırken, aşağı yukarı ilerlerken istediğiniz kısımların en üst veya en alt bölümde sabit kalmasını sağlayabiliyorsunuz. Bunu önceden position fixed ile yapıyorduk. CSS position sticky, position fixed çok daha iyi. Tarayıcı desteği de hızla yükseldi. Herhangi bir script, jquery vb.’ne ihtiyacınız yok. Sadece CSS kodu ile yapabilirsiniz. Örnek Ufak bir örnek vermek gerekirse, ki zaten …

Javascript Kullanmadan Sadece CSS ile Responsive Menü

Neden Javascript’siz Menü? Temel nedeni şöyle; CSS kullanarak yapılabiliyorsa neden olmasın.Bu sitede kullandığım bir önceki menü geçen yıl tamamen responsive temaya geçerken bulduğum javascript kullanan bir menü sistemiydi. Ufak ve çok yük getirmeyen basit ve sade bir javascript’i olmasına rağmen, olmasa olmaz mı diye hep rahatsızlık verdi. Sadece CSS ile Yapılabilen Responsive Menü Evet, buldum. …

Mobil menü ikonunu nereye koymalı

Mobil menü yani “hamburger” ikonu web standartı haline geldi. Peki bu 3 çizgili ikonu nereye koyalım? Sağda mı? Solda mı? Ha bir de ortaya koyma seçeneği var tabii. Menülerin nedense büyük çoğunluğu sitenin en üst kısmında. E doğal olarak mobil menü ikonunu da üst kısımda bir yere koyuyor siteler. Büyük çoğunluk web görünümünde menüyü ortalıyor. …