/*——————————[ 996 ]—————————*/
@media screen and (max-width:996px){
/* Buraya yazacağınız css kodu maksimum 996px genişliği olan cihazlarda çalışacaktır. Tabletler için diyebiliriz */
}
/*——————————[ 480 ]—————————*/
@media screen and (max-width:480px){
/* Buraya yazacağınız css kodu maksimum 480px genişliği olan cihazlarda çalışacaktır. */
}
/*——————————[ 320 ]—————————*/
@media screen and (max-width:320px){
/* Buraya yazacağınız css kodu maksimum 320px genişliği olan cihazlarda çalışacaktır. */
Responsive tasarim nasil yapilir |
7 Mesajlar | 1.876 Okunma | ||
- Üyelik 03.03.2013
- Yaş/Cinsiyet 31 / E
- Meslek Elektrik - Elektronik Tekniker
- Konum Diğer
- Ad Soyad O** E**
- Mesajlar 1858
- Beğeniler 89 / 532
- Ticaret 2, (%100)
Teknoloji her zaman olduğu gibi hızla gelişiyor ve bazen teknolojinin içinde olan bizler bile hızına zor yetişiyoruz. Epey zamandır araştırdığım ama hiç talep edilmediği için üstüne düşmediğim konu responsive css… Sıvı gibi her kaba uyan bir tasarım anlamına geliyor birazda.. Çok fazla teoriden bahsetmeyi sevmediğim için direk konuya giriyorum. Günümüzde tabletler, akıllık telefonlar, netbooklar, notebooklar ve tabi ki vazgeçilmezlerden olan masaüstü bilgisayarlar mevcut. Bu durum her ekrana farklı tasarım boyutunda baş edilemez hale geliyor. Bu sebeple css’in @media screen devreye giriyor. Tek css dosyasında çoklu ekran çözünürlüğüne göre görüntünün yansımasını sağlıyor. Bu da tek noktan veri girişi ve kontrolünü kolaylaştırıyor. Ana dizin ve mobil site için 2 defa ayrı ayrı içerik girmek zorunluluğunu ortadan kaldırıyor.
- Üyelik 04.12.2011
- Yaş/Cinsiyet 34 / E
- Meslek .
- Konum İzmir
- Ad Soyad ** **
- Mesajlar 2376
- Beğeniler 704 / 791
- Ticaret 1, (%100)
Tabi iş bu kadar basit değil bence. Navigasyon menüsünün select'e dönüşmesi gibi birçok ayrıntı var. Bunlar hakkında da bizi bilgilendirirsen seviniriz.
- Üyelik 03.03.2013
- Yaş/Cinsiyet 31 / E
- Meslek Elektrik - Elektronik Tekniker
- Konum Diğer
- Ad Soyad O** E**
- Mesajlar 1858
- Beğeniler 89 / 532
- Ticaret 2, (%100)
Tabi iş bu kadar basit değil bence. Navigasyon menüsünün select'e dönüşmesi gibi birçok ayrıntı var. Bunlar hakkında da bizi bilgilendirirsen seviniriz.
Müsait bir zamanda konu açarım
- Üyelik 28.05.2013
- Yaş/Cinsiyet 64 / E
- Meslek Front-End Developer
- Konum İstanbul Anadolu
- Ad Soyad ** **
- Mesajlar 57
- Beğeniler 38 / 16
- Ticaret 0, (%0)
Tabi iş bu kadar basit değil bence. Navigasyon menüsünün select'e dönüşmesi gibi birçok ayrıntı var. Bunlar hakkında da bizi bilgilendirirsen seviniriz.
Dönüşmek derken olayda JavaScript yok ise sayfada hide bi select olur, çözünürlüğe göre görünür veya görünmez. Menüyü de aynı şekilde çözünürlüğe göre display: none, display: block 'larsınız.
html, css, javascript ve biraz da insan...
- Üyelik 09.02.2012
- Yaş/Cinsiyet - /
- Meslek
- Konum
- Ad Soyad ** **
- Mesajlar 28
- Beğeniler 0 / 2
- Ticaret 0, (%0)
Örnek olabilir belki. Yeni responsive tasarımlı haber sitemiz: www.evrensel.net
- Üyelik 03.10.2013
- Yaş/Cinsiyet 43 / E
- Meslek dış ticaret
- Konum İstanbul Anadolu
- Ad Soyad ** **
- Mesajlar 34
- Beğeniler 10 / 1
- Ticaret 0, (%0)
Bu ara guugıl bu responsive siteleri çok seviyor.
☪
- Üyelik 02.03.2013
- Yaş/Cinsiyet 33 / E
- Meslek Web Master
- Konum İstanbul Avrupa
- Ad Soyad S** G**
- Mesajlar 283
- Beğeniler 42 / 56
- Ticaret 38, (%100)
Çok güzel anlatmışsın hocam. Senin anlatımın sayesinde bir responsive temalar yaptım millet kapımda kul köle oldu. Ancak keyfimden satmıyorum. Teşekkürler.
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)