folder Tahribat.com Forumları
linefolder Html - CSS - XML - JavaScript - Ajax
linefolder Tek Sayfa Fakat Kaydırılamayan ("No-Scrolling") Web Siteleri Hakkında Bilgi Lazım



Tek Sayfa Fakat Kaydırılamayan ("No-Scrolling") Web Siteleri Hakkında Bilgi Lazım

  1. KısayolKısayol reportŞikayet pmÖzel Mesaj
    RockZs
    RockZs's avatar
    Kayıt Tarihi: 30/Haziran/2002
    Erkek

    Merhaba,

    Tek sayfa ve gösterildiği ekranı kaplayan, yatay ve dikey scroll a gerek duymayacak şekilde tüm içeriğini görülen alanda sunan internet siteleri ilgimi çekiyor. Kendim de buna benzer bir tasarımı şu anda kullanıyorum fakat konu hakkında daha derinlemesine araştırma için önerebileceğiniz internet siteleri ya da terim var mı? Ya da bu tarz bir tasarım için kullandığınız, önerebileceğiniz bir kod öbeği, kütüphane vs. mevcut mudur? "Horizontal scroll" anahtar kelimesi ile bulduğum bazı siteler var ama tam olarak merakımı gideren, faydalı birşeyler bulabileceğim ve tasarım için yardımcı olabilecek bir kaynağa henüz rastlamadım.

    Örnek bazı siteler: 

    www.w3counter.com

    https://www.wpninja.com.au/

    http://xmas.wales/

    www.albertohartzet.com

    https://onepagelove.com/tag/horizontal-scroll (burada tek sayfalık siteler hakkında bilgi mevcut, horizontal scroll örnekleri de var, ben horizontal scroll'un da olmamasını istiyorum fakat olmadı horizontal ile iş yapacağım).

    Kısacası, görünür ekranı en verimli şekilde ve basit kullanan bir tasarım yapmak istiyorum, bunun için yardımcı olabileceğini düşündüğünüz birşeyler ya da deneyimleriniz varsa, paylaşırsanız memnun olurum. 

    Sevgiler.

    RockZs tarafından 16/Nis/16 16:23 tarihinde düzenlenmiştir
  2. KısayolKısayol reportŞikayet pmÖzel Mesaj
    SkynetX
    SkynetX's avatar
    Kayıt Tarihi: 06/Şubat/2015
    Erkek

    Responsive tasarım mı diyorsun hocam? Cihaza göre ekranı ayarlıyor. Sola-sağa kaydırma yapmıyorsun.

    Bootstrap kullanabilirsin.

  3. KısayolKısayol reportŞikayet pmÖzel Mesaj
    RockZs
    RockZs's avatar
    Kayıt Tarihi: 30/Haziran/2002
    Erkek
    SkynetX bunu yazdı

    Responsive tasarım mı diyorsun hocam? Cihaza göre ekranı ayarlıyor. Sola-sağa kaydırma yapmıyorsun.

    Bootstrap kullanabilirsin.

    Evet responsive tasarım fakat dikeyde de kaydırma olmaması lazım. Bunları css ya da js ile kendim de yapabilirim en nihayetinde fakat amacım konuyla ilgili işimi kolaylaştıracak birşeyler bulabilmek. Angular, React gibi şeyler de aramıyorum, sadece tasarımı en kolay ve etkili nasıl yaparım, ona bakıyorum. Aslında konuyu açıp açmamakta çok tereddüt ettim, bazılarımız gereksiz gibi de görebilir ama yine de belki aramızda bu tip işlerle uğraşan birileri vardır ve fikir verebilir.. Sağol.

  4. KısayolKısayol reportŞikayet pmÖzel Mesaj
    shock56
    shock56's avatar
    Kayıt Tarihi: 31/Mart/2007
    Erkek

    Bu tip animasyonlu tek sayfa sitelerde tweenmax js kullanılabiliyor. (https://greensock.com/examples-showcases)

    Burdaki örneğe de bakabilirsin (http://codepen.io/MAW/pen/XmozON/)

    Bir de fullPage.js var (http://alvarotrigo.com/fullPage/)

    Bir de ScrollMagic var (http://scrollmagic.io/) (Örnek Site: http://buntspenden.bleech.de/de/)

     Edit: Bu siteden bütün javascript kütüphanelerine bakabilirsin: https://www.javascripting.com/?sort=rating

     

    shock56 tarafından 16/Nis/16 16:27 tarihinde düzenlenmiştir
  5. KısayolKısayol reportŞikayet pmÖzel Mesaj
    RockZs
    RockZs's avatar
    Kayıt Tarihi: 30/Haziran/2002
    Erkek
    shock56 bunu yazdı

    Bu tip animasyonlu tek sayfa sitelerde tweenmax js kullanılabiliyor. (https://greensock.com/examples-showcases)

    Burdaki örneğe de bakabilirsin (http://codepen.io/MAW/pen/XmozON/)

    Bir de fullPage.js var (http://alvarotrigo.com/fullPage/)

    Bir de ScrollMagic var (http://scrollmagic.io/) (Örnek Site: http://buntspenden.bleech.de/de/)

     Edit: Bu siteden bütün javascript kütüphanelerine bakabilirsin: https://www.javascripting.com/?sort=rating

    teşekkür ederim, güzel kaynaklar var.

  6. KısayolKısayol reportŞikayet pmÖzel Mesaj
    camarade
    ontedi
    ontedi's avatar
    Kayıt Tarihi: 04/Eylül/2005
    Erkek

    Hocam full page diye aratırsan istediğine ulaşırsın diye tahmin ediyorum.


    Matematikçi ve Yazılımcı. http://www.ontedi.com ve http://www.cizgi.site Siteme beklerim herkesi.
  7. KısayolKısayol reportŞikayet pmÖzel Mesaj
    RockZs
    RockZs's avatar
    Kayıt Tarihi: 30/Haziran/2002
    Erkek
    ontedi bunu yazdı

    Hocam full page diye aratırsan istediğine ulaşırsın diye tahmin ediyorum.

    çok sağol. "full page" niye aklıma gelmedi bilmiyorum. sanırım anahtar kelime bu..

  8. KısayolKısayol reportŞikayet pmÖzel Mesaj
    RitmFarbRacourci
    RitmFarbRacourci's avatar
    Kayıt Tarihi: 14/Mart/2008
    Erkek
    :D @RockZs ,yanlış anlama da, bazen insanın kafa duruyor.

    geçen birisi, Lichtenstein ile ilgili bir konu açmıştı. kelimeyi arıyorum, arıyorum bulamıyorum. aradan bir Harf çıkarmak, eklemek gelmedi :D ne güldüm kendime yav. halen gülerim. :D ╭∩╮

    her şey insanın başına gelebiliyor.


    I'şıkY'ılı;^^`) Zk't^^` RnSySyTk.Ödl.SpRtÇzBşBkYd Kryptia.agogE Sa'd-l'Suûd az.ç'k 'lmyn'Dşn Pnct'tnAnNttn Blgi,YpBlgi 'Ct'nDrm.CmdyDrm.MdrnDrm hRşYdşR ClptcPth'Strsm M'nPhs' Ld,X/Y YrYnZmnGrçklk,AlgBzklğ KrzFrst'tr Tiytr' Pugchv,Jtrn,İmmlmn,FllngLef,Pik' SuprmcySprrty CoBehTh elFnmno:NzrioRonldo AdnKy TkSs,TkHrf(?) .RtNsTk.KvMp.Mk.TrmDyn ScklkNmRzgr ŞkHcBy ccp.kky Snrlr'Çz SnaSnLzmsn 'NsnKsknçtr BgDppr.MagllnCl'ds.S'thCro's Ch'kW'ng CreazioneDiAdamo^^`, Arctrs.Spic' ArcScnd,YySnye TrbProp,TrbJet,TrbFan ~3.10^5km/sn~343m/sn ~900-1240m/snMacH RamJt,ScRamJt Przdi^^' Tbu.XL Prsek MAtv^^` mLAT G'dWllHnting(f). 3id't^^` TareZmenPr ParaMotor TrflrVArsİlşklr (-)+.(/)*,~ ZminŞkil . ..Bu imza @SubZero tarafindan degistirilmistir. "Bu kadar uzun karmakarisik bir imza yapma diye uyardim ama heeheeeey(^^D)_hey kim söylüyor, kim dinliyor." Imzanizi SubZero'ya bilgi vermeden degistirmeyiniz. Tesekkurler...
  9. KısayolKısayol reportŞikayet pmÖzel Mesaj
    DestinatioN
    DestinatioN's avatar
    Kayıt Tarihi: 09/Mart/2007
    Erkek

    bilmiyorum tam olarak istediğin şeymidir ama

    yine tek sayfada am scroll yaparak ekranı kaydırma yapılabilecek çok güzel bir wp eklentisi var

    https://revolution.themepunch.com/one-page-wordpress-slider/

    diğer örneklere de bakabilirsin yine aynı siteden


    destination@tahribat.com
  10. KısayolKısayol reportŞikayet pmÖzel Mesaj
    RockZs
    RockZs's avatar
    Kayıt Tarihi: 30/Haziran/2002
    Erkek
    HarmOniYaFil bunu yazdı
    :D @RockZs ,yanlış anlama da, bazen insanın kafa duruyor.

    geçen birisi, Lichtenstein ile ilgili bir konu açmıştı. kelimeyi arıyorum, arıyorum bulamıyorum. aradan bir Harf çıkarmak, eklemek gelmedi :D ne güldüm kendime yav. halen gülerim. :D ╭∩╮

    her şey insanın başına gelebiliyor.

    aynen hocam, oluyor bazen, zaten azıcık kafamız var oda durunca mal gibi kalıyoruz :)

  11. KısayolKısayol reportŞikayet pmÖzel Mesaj
    RockZs
    RockZs's avatar
    Kayıt Tarihi: 30/Haziran/2002
    Erkek
    DestinatioN bunu yazdı

    bilmiyorum tam olarak istediğin şeymidir ama

    yine tek sayfada am scroll yaparak ekranı kaydırma yapılabilecek çok güzel bir wp eklentisi var

    https://revolution.themepunch.com/one-page-wordpress-slider/

    diğer örneklere de bakabilirsin yine aynı siteden

    sağol hocam, wp ile ilgilenmiyorum ama belki birilerinin işine yarar ;)

Toplam Hit: 1928 Toplam Mesaj: 15
dikey limit