Gösterilen Sonuçlar: 1 ile 4 ve 4

Konu: Responsive Design/Duyarlı Tasarım

  1. #1
    Söz Ola Beri Gele donanma44 - ait Kullanıcı Resmi (Avatar)
    Üyelik Tarihi
    06-12-2007
    Bulunduğu Yer
    Şırnak
    Mesajlar
    9.745
    Ettiği Teşekkür
    117
    202 mesaja 250 teşekkür aldı
    Tecrübe Puanı
    30

    Standart Responsive Design/Duyarlı Tasarım

    Responsive Design/Duyarlı Tasarım

    Çoğalan mobil teknoloji cihazlarıyla birlikte her tip ekran çözünürlüklerine göre(akıllı telefonlar, tabletler, notebook, netbook ve desktoplara göre) tasarım geliştirmek bizim gibi tasarımcıların korkulu rüyası olmasın diye responsive design yani duyarlı tasarım artık olmazsa olmaz bir trend oldu. Responsive design/duyarlı tasarım ekran çözünürlüklerine göre özel gösterilen tasarımlar yapmak yerine bu ekran çözünürlüklerine duyarlı olarak görünen tasarımlardır.



    Bu sitelere örnek olarak aşağıdaki siteleri inceleyebilirsiniz. Tarayıcınızın kenarından tutup küçültüp büyütürseniz değişen tasarımları görebilirsiniz:

    [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]

    [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]

    [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]

    [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]

    [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]

    [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]

    [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]

    [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]

    [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]


    Eğer siz de duyarlı tasarım geliştirmek isterseniz kaynak olarak aşağıdaki frameworkleri inceleyebilirsiniz:

    [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]

    [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]

    [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]

    [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]

    [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]

    [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]

    [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]

    [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]

    [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]

    [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]

    [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]

    [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]

    [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]

    [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]

    Tüm forumdan rastgele konular:

    • » Yeni doğan bebekten 300 gr. tümör alındı
    • » Eski Bakan Çelik: Ben de olsam istifa...
    • » Vatikan’dan IŞİD açıklaması
    • » Sürü psikolojisi
    • » Çocuklarla ilgili yanlış bilinenler
    • » Üst kurullar AKP'nin elinde
    • » WikiLeaks o tesislerin listesini...
    • » Başbakan'a kayıp iş adamı sorusu
    • » Cia-Mit-Fethullah-Abdullah Gül
    • » Nüfus müdürlüklerindeki yoğunluk sürüyor

    Aynı kategoriden rastgele konular:

    • » Web ve Grafik Tasarımcıların bilmesi...
    • » Mobil Web Siteleri İçin Framework...
    • » Web Tasarımı İçin Kullanabileceğiniz...
    • » Aaalogo 2009 full
    • » Web Tasarımcıların için enfes bir kaynak
    • » Wireframe Nedir? En İyi Wireframe...
    • » [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]
    • » Web Sitesi Açmak için Gerekenler
    • » “.tr” uzantılı alan adı tekeli...
    • » Webmatrix ile Ücretsiz İnternet Sitesi...
    [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...] - [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...] -[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...] - [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]

    [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]

  2. #2
    Söz Ola Beri Gele donanma44 - ait Kullanıcı Resmi (Avatar)
    Üyelik Tarihi
    06-12-2007
    Bulunduğu Yer
    Şırnak
    Mesajlar
    9.745
    Ettiği Teşekkür
    117
    202 mesaja 250 teşekkür aldı
    Tecrübe Puanı
    30

    Standart Css3 ile Responsive Tasarım Nasıl Yapılır? Videolu İzle

    Css3 ile Responsive Tasarım Nasıl Yapılır? Videolu İzle

    Bu çalışmamızda CSS3 ile Responsive Site Tasarımlarda kullanılan divlerin düzenlenmesini anlatacağım. Bu ders yeni düzen web site tasarımlarında sizin önünüzü açacaktır. Bundan emin olabilirsiniz. Aslında bu çalışma ile tüm ekran tiplerinde yani çözünürlüğü farklı olan tüm monitörlerde sitenizi tam anlamıyla görebileceksiniz. Böylece sitenizi cep telefonlarında, tabletlerde ve bilgisayarlarda eksiksiz görme imkanı olacaktır.


    Tüm çözünürlüklerde sitenizi görüntülemek istiyorsanız bu çalışmayı kesin sonuna kadar izleyin. Şimdiden hepiniz hayırlı seyirler diliyorum. Yorumlarınızı eksik etmezseniz sevinirim. Kolay gelsin.

    [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...] - [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...] -[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...] - [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]

    [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]

  3. #3
    Söz Ola Beri Gele donanma44 - ait Kullanıcı Resmi (Avatar)
    Üyelik Tarihi
    06-12-2007
    Bulunduğu Yer
    Şırnak
    Mesajlar
    9.745
    Ettiği Teşekkür
    117
    202 mesaja 250 teşekkür aldı
    Tecrübe Puanı
    30

    Standart Responsive Web Sayfası Yapıyoruz 1

    Responsive Web Sayfası Yapıyoruz 1

    [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...] - [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...] -[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...] - [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]

    [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]

  4. #4
    Söz Ola Beri Gele donanma44 - ait Kullanıcı Resmi (Avatar)
    Üyelik Tarihi
    06-12-2007
    Bulunduğu Yer
    Şırnak
    Mesajlar
    9.745
    Ettiği Teşekkür
    117
    202 mesaja 250 teşekkür aldı
    Tecrübe Puanı
    30

    Standart Responsive Tasarım Nedir ? Nasıl Yapılır ?

    Responsive Tasarım Nedir ? Nasıl Yapılır ?

    Günümüzün populerleşen en iyi sistemlerinden biri olaran responsive tasarım konusunda internet ortamında pek bilgiye rastlayamadım.Bunun üzerinde responsive konusunda açık ve aydınlatıcı bir makale yazmaya karar verdim.

    Öncelikle responsive akışkan (fluid) manasını taşıdığını bilmemiz gerekir.Buradan suyun kabın şeklini aldığı gibi web sitelerinin de ekran boyutuna göre şekil alması anlamını çıkarabiliriz.

    Responsive tasarımın pek çok yararı mevcuttur.Bunlardan bazılar ;

    Mobil siteler için ayrıca içerik girişine gerek kalmaz.
    Tablet,Mobil,Pc vs. platformlarına otomatik uygulanabilir bir sistemdir.
    Tek style dosyasında tüm tanımlamalar yapılabilir.
    Vs. vs.
    Responsive tasarımı yaparken css 'nin @media screen özelliğini kullanıyoruz. Kullanımı ise aynen aşağıdaki gibidir.

    /*——————————[ 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 kullanabiliriz.*/
    }
    /*——————————[ 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. */
    }

    Yukarıdaki formatlara ek olarak sizde çeşitli atamalarda bulunabilirsiniz.

    Responsive tasarımda px yerine % , width yerine de max-width kullanmaya dikkat etmeniz daha kaliteli sonuçların ortaya çıkmasını sağlayacaktır.Bu noktaya da dikkat etmenizi tavsiye ederiz.

    ankaakademi.com/responsive-tasarim-nedir-nasil-yapilir
    [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...] - [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...] -[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...] - [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]

    [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]

Konu Bilgileri

Bu konuyu görüntüleyenler

Şu an 1 kullanıcı var. (0 üye ve 1 konuk)

Bu Konudaki Etiketler

Yetkileriniz

  • Konu Acma Yetkiniz Yok
  • Cevap Yazma Yetkiniz Yok
  • Eklenti Yükleme Yetkiniz Yok
  • Mesajınızı Değiştirme Yetkiniz Yok
  •  

HAK SAHİPLERİNE ve YASAL MAKAMLARA Sitemiz, hukuka, yasalara, telif haklarına ve kişilik haklarına saygılı olmayı amaç edinmiştir. Sitemiz, 5651 sayılı yasada tanımlanan "Yer Sağlayıcı" olarak hizmet vermektedir. İlgili yasaya göre, site yönetiminin hukuka aykırı içerikleri kontrol etme yükümlülüğü yoktur. Bu sebeple, sitemiz uyar ve kaldır prensibini benimsemiştir. Telif hakkına konu olan eserlerin yasal olmayan bir biçimde paylaşıldığını ve yasal haklarının çiğnendiğini düşünen hak sahipleri veya meslek birlikleri, [email protected] mail adresinden bize ulaşabilirler. Buraya ulaşan talep ve şikayetler Hukuk Müşavirimiz tarafından incelenecek, şikayet yerinde görüldüğü takdirde ihlal olduğu düşünülen içerikler sitemizden kaldırılacaktır. Ayrıca, mahkemelerden talep gelmesi halinde hukuka aykırı içerik üreten ve hukuka aykırı paylaşımda bulunan üyelerin tespiti için gerekli teknik veriler sağlanacaktır.