Web sitesi tasarımında dikkat edilmesi gereken tüm ipuçlarını bu yazımızda bulabilirsiniz.
okuResponsive Site Nedir
Responsive siteler, tüm cihazlarla uyumlu olarak çalışan internet siteleridir. Son yıllarda internet kullanımı bilgisayarın dışında tablet ve telefonlarda da oldukça yaygınlaştı. Bu yüzden yapılan bir internet sitesinin bu cihazlarda da uyumlu olarak çalışması bekleniyor. Responsive tasarımlar kullanılan cihazın ekran çözünürlüğe göre, siteyi boyutlandırır ve ziyaretçiye sunar.
Peki responsive tasarımların css kod yapısı nasıldır?
Aşağıda verilen kod ekran çözünürlüğü en fazla 1024px olan cihazlar için uygulanacak css kodları gösterir. Css kodları parantezlerin { } içine yazılır.
@media only screen and (max-width: 1024px) { }
Tablet cihazlar için kullanılacak kod :
@media only screen and (max-width: 960px) { }
Telefonlar için kullanılacak kod :
@media only screen and (max-width: 768px) { }
Bu kodların çalışması için yapılması gereken son bir işlem daha var head tagları arasına aşağıdaki kodu yerleştirmek.
< meta name="viewport" content="width=device-width, initial-scale=1.0" />
Artık sizinde tüm cihazlarla uyumlu bir web siteniz var...
Blog
Web Sitesi-İnternet Sitesi Fiyatları
Bir internet sitesinin fiyatı ne kadardır ya da bu web sitesinin fiyatı neye göre değişir.
okuSosyal Medya Uzmanı
İnternet sitenizi ilk sayfalara çıkarmak için sosyal medya uzmanına ihtiyacınız olabilir. Çünkü sosyal medyanın seo üzerindeki etkisi gün geçtikçe önem kazanıyor.
okuİstanbul Web Tasarım
İstanbulun her noktasında web tasarım hizmeti veriyoruz. Anadolu ve Avrupa yakasının en güvenilir web tasarım firmasıyız.
okuE-Bülten
E-Bülten'e kayıt olmaya ne dersiniz? Sizde bilişim alanındaki güncel gelişmelerden ve Pion Bilişim'in kampanyalarından anında haberdar olmak için e-bültene kayıt olun. Sizi bilgilendirelim...