Esnek Genişlikli CSS Menü (Tablet, Telefon, PC Geniş Çözünürlük)

0

Esnek genişlikli tasarımlar artık her sitede bulunmakta. Yani bu olay şöyle aslında web siteniz için ekstradan android, apple uygulaması yapmak yerine web sitenizi mobil, tablet uyumlu yapabilirsiniz css3 ile gelen max-width, min-width gibi yeni kodlarla bu tip işlemleri yapabiliyoruz. Birde üzerine geldiğinizde belirli bir saniye sonra 1 saniye olur 2 saniye olur bu gibi süreler sonra renk değişmesi, gölgelenmesi bunlarda transition gene css3 ile gelen yeni kodlardandır.

tympanus’un çalışanları bu tip uygulamalar yapıp ücretsiz dağıtıyorlar bende hemen tanıtıyorum 🙂

https://2.bp.blogspot.com/-iDbBHbaAXKo/UY6R1iP6L_I/AAAAAAAARM0/dLat_gFSTR4/s1600/ResponsiveRetinaFriendlyMenu.jpg

Responsive Retina-ready Menu

Responsice yukarıda dediğim gibi esnek genişlik anlamına geliyor ve verdiğiniz genişliğe göre tasarım değişiyor. Yukarıdaki resimdede görüyorsunuz en geniş ekranda menü farklı, tablet’de daha farklı ve son olarak telefonda dikey bir menü oluyor.

Demo / Download

İLGİNİZİ ÇEKEBİLİR: Ücretsiz HTML5/CSS3 Esnek Web Site Temaları

Yanlız dikkat edin bu tasarım tüm tarayıcılarda çalışmayabilir. Basit bir örnek Internet Explorer 6-7 css3 desteklemiyor. Chrome, Firefox, Internet Explorer 10 sürümü bunları destekler