3. Web Search Interest: responsive design. Worldwide, May 2010 - Mar 2013. Google Trends
5. Responsive Web Design Nedir?
“Responsive web design (RWD) çok çeşitli cihazlar üzerinde ideal bir
görüntüleme deneyimi (minimum yeniden boyutlandırma, gezinme ve
kaydırmayla kolay okuma ve dolaşma) sunacak siteler hazırlanmasını
amaçlayan bir web tasarım yaklaşımıdır.” - Wikipedia
19. Kullanın:
§ HTML5 doctype & guidelines
§ Normalize stylesheet
§ Basit ve anlamsal bir ana sayfa düzeni
§ Kritik elementler için basit teknikler
(Navigasyon, menü gibi)
20. Uzak Durun:
§ Karmaşık div’ler
§ Inline stiller
§ Gereksiz absolute ya da float pozisyonlama
§ Tekrar eden ya da tamamen gerekli olmayan
26. Majör
İlk hedef portre modundaki “<480px" akıllı telefonlar
< 480 olmalı.
Daha büyük akıllı telefonlar ve iPad’ler için <768px
< 768 koşulu kullanılmalı.
Daha yüksek çözünürlükler için >768px seçilmeli.
> 768
Olsa İyi Olur
< 320 Düşük çözünürlüklü cihazlar için <320px stilleri
eklenmeli.
768-1024 Tablet ve iPad manzara modu için >768px and
<1024px koşulunu tetikleyin.
> 1024 Daha geniş ekranlar için >1024px koşulunu kullanın.
45. § How to Approach a Responsive Design
§ Mobile First
§ Responsive Web Design
§ Responsive Web Design: Opportunities and Challenges
§ Why Responsive Web Design Has To Win Out
§ 10 Basic Tips About Responsive Design