{"id":2337,"date":"2014-09-15T13:18:42","date_gmt":"2014-09-15T13:18:42","guid":{"rendered":"https:\/\/www.templatemonster.com\/tr\/blog\/?p=2337"},"modified":"2022-09-16T17:01:06","modified_gmt":"2022-09-16T17:01:06","slug":"15-sasirtici-code-free-paralaks-scrolling-web-siteleri","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/tr\/15-sasirtici-code-free-paralaks-scrolling-web-siteleri\/","title":{"rendered":"15 \u015ea\u015f\u0131rt\u0131c\u0131 Code-Free Paralaks Scrolling Web Siteleri"},"content":{"rendered":"

Paralaks scrolling web tasar\u0131m d\u00fcnyas\u0131nda heyecanla tart\u0131\u015f\u0131lan bir konudur. Trendin \u015fampiyonu, me\u015fgul web teklifleri ve \u00fcr\u00fcn yelpazesini ziyaret\u00e7ilerine sevdirmek ad\u0131na devrimci bir yol olarak g\u00f6rmekteyim. Paralaks sevmeyenlerde bulunabilir, tasar\u0131mc\u0131lar\u0131n b\u00fcy\u00fck \u00e7o\u011funlu\u011fu, kullan\u0131c\u0131lar ve site sahiplerinin ezici \u00e7o\u011funlu\u011fu m\u00fcthi\u015f animasyon efektleri yeterli bulmuyorlar.<\/p>\n

Ancak buna ra\u011fmen, paralaks ile ilgili bir sorun veya en az\u0131ndan bir problem g\u00f6r\u00fcnm\u00fcyor. Frontend ile vakit ge\u00e7iren ki\u015filer bu uygulamay\u0131 yapabilmenin bu asl\u0131nda g\u00f6r\u00fcnd\u00fc\u011f\u00fc kadar kolay olmad\u0131\u011f\u0131n\u0131 s\u00f6yleyebilir. Neyse ki, bu sorunun cevabi olduk\u00e7a kolay bir \u00e7\u00f6z\u00fcmd\u00fcr.<\/p>\n

Eylem fikirlerini ortaya koydu\u011fumuzda:  (kodlama bilgisi) geli\u015fmi\u015f i\u015flevselli\u011fi ile d\u0131\u015far\u0131 vurulan katlar\u0131n\u0131 kendi web geli\u015ftirme deneyiminiz ile istedi\u011finiz tasar\u0131m odakl\u0131 olarak sanatsal t\u00fcrlerini bulabilirsiniz. Son iki y\u0131la bakt\u0131\u011f\u0131m\u0131zda bu e\u011filimi buharla\u015fm\u0131\u015f olarak g\u00f6r\u00fcnce, her web olu\u015fturucu i\u00e7in tuz d\u00f6kmek kadar kolay olan bu uygulamaya \u00e7\u00f6z\u00fcm bulmak ad\u0131na \u00e7abalad\u0131\u011f\u0131n\u0131 g\u00f6r\u00fcyorum.<\/p>\n

Bug\u00fcn her ne olursa olsun, herhangi bir kodlama gerektirmeyen, Paralaks scrolling uygulamalar\u0131n\u0131n sanatsal olarak tasarlanm\u0131\u015f web sitelerine birlikte g\u00f6z ataca\u011f\u0131z.<\/p>\n

Profesyonel S\u00fcit Tasar\u0131m Yaz\u0131l\u0131m\u0131 Webydo<\/strong><\/a> ve Adobe Muse<\/strong><\/a><\/h3>\n

S\u00fcr\u00fckleyici \u00f6rnekler bizim tasar\u0131m d\u00fcnyas\u0131nda \u00f6nce gelen iki a\u011f\u0131r top ile birlikte geliyor: Webydo<\/strong> ve Adobe Muse<\/strong>.<\/p>\n

Webydo<\/h3>\n

\"image0011\"<\/p>\n

Webydo sofistike Cloud tabanl\u0131 SaaS profesyonel web tasar\u0131mc\u0131lar\u0131 bireysel piksel gibi kendi tasar\u0131mlar\u0131n\u0131n tam yarat\u0131c\u0131l\u0131\u011f\u0131n\u0131n kontrol\u00fcn\u00fc sa\u011flar. Bu kapsaml\u0131 estetik g\u00f6zetimi a\u00e7\u0131k\u00e7as\u0131 \u00e7ok cazip bir \u00f6zelliktir, 100.000\u2019den fazla profesyonel grafik ve tasar\u0131mc\u0131ya sahiptir, Webydo toplulu\u011fu birinin yeti\u015ftirilmesinde hi\u00e7bir zaman k\u00fc\u00e7\u00fck bir rol oynamad\u0131.<\/p>\n

Webydo son zamanlarda d\u00fcnyan\u0131n ilk \u00fccretsiz Paralaks scrolling Animat\u00f6r\u2019\u00fcn\u00fc duyurdu. Bu benzersiz \u00f6zellik, derinli\u011fi ile ima etti\u011fi scrolling olaylar\u0131n\u0131 tan\u0131mlamak ve kendi tasar\u0131m hareket yollar\u0131n\u0131 belirlemek i\u00e7in profesyonel tasar\u0131mlar sunar. Animator halkoyu ile birlikte Webydo kullan\u0131c\u0131lar\u0131na ac\u0131k bir \u015fekilde al\u0131\u015f\u0131lm\u0131\u015f\u0131n d\u0131\u015f\u0131nda ve e\u015fitlik\u00e7i kalk\u0131nma s\u00fcrecine do\u011frudan bir sonu\u00e7 olarak gelir. Sunulan oylar\u0131n arkas\u0131ndaki fikir, profesyonel tasar\u0131mc\u0131lara do\u011frudan geri bildirimin yan\u0131 s\u0131ra, platformum kendisine sahiplenme duygusu sa\u011flayan bir cadde gibi Webydo camias\u0131 sunmaktad\u0131r. Artan oylar say\u0131l\u0131r say\u0131da, fikirler ile geli\u015ftirilen platform i\u00e7erisinde yer almaktad\u0131r.<\/p>\n

Tasar\u0131mc\u0131lar daha fazla kontrol edilebilir ve g\u00fc\u00e7l\u00fc bir paralaks animat\u00f6r sonu\u00e7lar\u0131n\u0131 g\u00f6rd\u00fcklerinde, elbette bu \u00e7ok etkileyici olmu\u015ftur.<\/p>\n

Death-is-comming.info<\/a><\/p>\n

\"image003\"<\/p>\n

Death is comming web sitesi flat bir tasar\u0131m, \u00fc\u00e7 boyutlu hissettirmek i\u00e7in y\u00f6netilir.  Kendi hik\u00e2ye maceras\u0131 ad\u0131na, kanl\u0131 tap\u0131las\u0131 mahk\u00fbm tutulan bebe\u011fin flat olarak tasarlanm\u0131\u015f beyaz a\u011fac\u0131n \u00e7evresinde a\u011fa\u00e7lar d\u00f6ner. Tan\u0131m\u0131 gere\u011fi, olmas\u0131 gerekti\u011fi gibi y\u00fczeysel bir derinlik vermektedir. Bu Paralaks scrolling bir paradoksal\u0131n harika bir kullan\u0131m\u0131d\u0131r.<\/p>\n

CBDesingsandPrinting.com<\/a><\/p>\n

\"image005\"<\/p>\n

Bir ama i\u00e7in animasyonlar: CBDesing siz ger\u00e7ekten bir paralaks scrolling sayfas\u0131 g\u00f6rmek istedi\u011finizde ne oldu\u011funu, animasyonlu efektlerin hepsi ile merkeze odak getirmek i\u00e7in y\u00f6netir.<\/p>\n

Hosanafrossard.com<\/a><\/p>\n

\"image0071\"<\/a><\/p>\n

Hosana Frossard sitesi ile alakal\u0131 i\u00e7erik dikkatinizi ve a\u015fa\u011f\u0131 kayd\u0131rma gibi incelikli fade out ekran kar\u015f\u0131s\u0131nda ince, zarif ve neredeyse soyut animasyonlar \u00f6zellikleri ile gelinlik \u0131smarlayabilirsiniz. T\u00fcm gelen ziyaret\u00e7ileri geri d\u00f6nd\u00fcrmek ve onlar\u0131 ikna etmek i\u00e7in gerekli s\u00fcr\u00fckleyici bir deneyim sunmak i\u00e7in birle\u015ftirilmi\u015ftir.<\/p>\n

Cafeteriadonamerces.com<\/a><\/p>\n

\"image010\"<\/p>\n

S\u0131cak renkler ve neredeyse k\u0131zartmalar\u0131n kokusunu duyacak \u015fekilde y\u00fcksek kalitede, Cafeteria Dona Merces arka plandaki kahve telvesi imaj\u0131n\u0131 yak\u0131ndan g\u00f6rmek, burada daha kurnazca Paralaks i\u015flevselli\u011fi ile ilgi \u00e7ekici ile i\u00e7sel bir deneyim ve keyifli g\u00f6r\u00fcnt\u00fcler sunar. Kahve, tatl\u0131 ve g\u0131da maddeleri Kafe ge\u00e7mi\u015fi ve \u00e7ekici galerisi ile kayd\u0131r\u0131larak odaklan\u0131lan ve i\u015ftah a\u00e7an bir g\u00f6r\u00fcn\u00fcm sunuyor.<\/p>\n

Adobe Muse<\/h3>\n

\"image011\" Webydo ile birlikte, Muse hi\u00e7bir kodlama deneyimi olmadan web site sahiplerinin daha profesyonel tasar\u0131m kalabal\u0131\u011f\u0131na hitap eden ba\u015fka bir web kurucusudur. Asl\u0131na bakarsan\u0131z, Adobe Muse orijinal belirtilen ama\u00e7 ile birlikte web tasar\u0131m\u0131n\u0131 uygun k\u0131lmak amac\u0131yla ge\u00e7erli bir kod i\u00e7ermeyen \u00e7\u00f6zeltisi ile grafik tasar\u0131mlar\u0131n\u0131 sa\u011flamaktad\u0131r. Bu ama\u00e7 dinami\u011fi ilerlettirmektedir.<\/p>\n

Bu web olu\u015fturucusu ger\u00e7ekten kapsaml\u0131d\u0131r. Bu resim, eleman, i\u00e7erik par\u00e7alar\u0131, d\u00fc\u011fme, \u00fcstbilgi, altbilgi, men\u00fc, galeri, sekme ve sayfada hayal edebilece\u011finiz her \u015feyi ekleyebilirsiniz. Muse i\u00e7erisinde bulunan yaz\u0131 tipi se\u00e7eneklerini ger\u00e7ekten seyretmek i\u00e7in her anlam\u0131yla bulunur.  Bir Adobe \u00fcr\u00fcn\u00fc oldu\u011fundan, bu Typekit ile entegre olma yarar\u0131 bulunuyor ve kolayl\u0131kla tasar\u0131mlar\u0131 uygulamak ad\u0131na web alan\u0131nda size devasal bir se\u00e7im eri\u015fimi sunmaktad\u0131r.<\/p>\n

Paralaks scrolling: Me\u015fhur karma\u015f\u0131k ara y\u00fcz\u00fc sadece bu y\u00fczden ba\u015fka bir \u00f6zellik eklenmi\u015ftir. Muse \u00f6zellikle profesyonel grafik tasar\u0131mc\u0131lar\u0131 i\u00e7in yap\u0131lm\u0131\u015f gibi g\u00f6r\u00fcnde de bizim se\u00e7ti\u011fimiz \u00f6rnekleri seyredece\u011finiz harika bir manzara sunmaktad\u0131r.<\/p>\n

Yslexperience.com<\/a><\/p>\n

\"image013\"<\/p>\n

Buradaki baz\u0131 yaz\u0131l\u0131mlar profesyonel kullan\u0131m i\u00e7in planlanmas\u0131 nedeniyle olduk\u00e7a ba\u015far\u0131l\u0131 bir \u015fekilde g\u00f6receksiniz. \u00c7oklu hareketli elemanlar\u0131 ve kolekt\u00f6r Paralaks animasyonlu efektleri bu siteyi g\u00f6rmeniz gerekti\u011fi kesindir.<\/p>\n

Zensorium.com<\/a><\/p>\n

\"image015\"<\/p>\n

D\u00fc\u015f\u00fcnceli, sevimli, ilgin\u00e7 ve son derece hareketlidir. O web \u00fczerindeki y\u00fcksek sesi ve net genelinde bu noktay\u0131 olduk\u00e7a iyi vurgular. T\u00fcm e\u015fsiz \u00f6zelikleri hakk\u0131nda bilgi edinmek i\u00e7in sayfan\u0131n alt\u0131ndaki yolculu\u011funuz ile animasyonlu nesneyi izleyin.<\/p>\n

Ok-Studios.de<\/a><\/p>\n

\u00d6n plana odaklanan origami \u00fczerinden bu sayfan\u0131n derinli\u011fi sadece bir ba\u015flang\u0131\u00e7t\u0131r. Bunun inan\u0131lmaz g\u00f6r\u00fcnmesi i\u00e7in gerekli her sayfada par\u00e7al\u0131 hareketlerden bir ton mevcuttur.<\/p>\n

Amat\u00f6r DIY Paralaks Sa\u011flay\u0131c\u0131lar\u0131: Jimdo<\/a> ve Squarespace<\/a><\/h3>\n

Jimdo<\/h3>\n

\"image019\"<\/p>\n

Jimdo da bir online web olu\u015fturucusu sunan pop\u00fcler WYSIWYG web bar\u0131nd\u0131rma hizmetidir. 2007 y\u0131l\u0131nda kurulmu\u015f ve \u00f6zellikle de \u0130OS d\u00fczenlemesi i\u00e7in uygundur. Webydo veya Muse aksine, Jimdo olduk\u00e7a profesyonel tasar\u0131mc\u0131lar daha amat\u00f6r kalabal\u0131\u011fa do\u011fru daha di\u015flidir.<\/p>\n

Onlar kodlama ve \u00f6zelle\u015ftirme i\u015flemini az say\u0131da gerektiren Premium temalar sunmaktad\u0131rlar. Temelde, her ne kadar sizin \u00e7al\u0131\u015fan web varl\u0131\u011f\u0131n\u0131z ile minimalist anahtar teslim hizmet vermektedirler. Ayr\u0131ca onlar Paralaks unsurlar\u0131 ile baz\u0131 Premium temalar da sunmaktad\u0131r.<\/p>\n

Hizmet kesinlikle listemizdeki di\u011fer web in\u015fas\u0131 gibi \u00e7ok y\u00f6nl\u00fc de\u011fil, Jimdo ortalama kullan\u0131c\u0131 ve s\u00fcr\u00fckle ve b\u0131rak i\u015flevselli\u011fi ve bo\u015f bir tuval edit\u00f6r d\u00e2hil kullan\u0131\u015fl\u0131 ve gezinebilir web sitesi \u00fcretmek i\u00e7in germekten ihtiyac\u0131 olan her \u015feye sahiptir.<\/p>\n

Norladesign.com<\/a><\/p>\n

\"image021\"<\/p>\n

\u201cBasit\u201d Kesinlikle bu durumu uygulamak i\u00e7in uygun bir terimdir. Komplike olmayan bir arka plan g\u00f6r\u00fcnt\u00fcs\u00fc olduk\u00e7a do\u011fal g\u00f6r\u00fcnt\u00fcn\u00fcn \u00f6n\u00fcnde kayan sitenin i\u00e7eri\u011fini vurgulamak i\u00e7in hizmet vermektedir. Siz sayfan\u0131n alt\u0131na do\u011fru kayd\u0131rd\u0131\u011f\u0131n\u0131z zaman ayd\u0131nlatma armat\u00fcr\u00fc k\u0131saca yeniden belirsizle\u015ftirilir. Paralaks scrolling biraz fazladan cazibe sunarken bu minimalist tasar\u0131ma beyaz bo\u015fluklar h\u00e2kimdir.<\/p>\n

Squarespace<\/h3>\n

\"image023\"<\/p>\n

\u015eimdi higher end web yap\u0131land\u0131r\u0131c\u0131lar\u0131 (Webydo\/Muse) ve lover end Paralaks sa\u011fl\u0131y\u0131c\u0131lar\u0131 (Jimdo) m\u00fcmk\u00fcn oldu\u011funca a\u015fina oldu\u011funu ve bu kez bir \u015feyler hedefliyorsan\u0131z DIY web yap\u0131land\u0131r\u0131c\u0131lar\u0131 creme de la creme ile biraz haz\u0131rlanm\u0131\u015f olarak bulunmaktad\u0131r. Squarespace kendi ana pazar\u0131 olarak amat\u00f6rlere y\u00f6neliktir.<\/p>\n

Squarespace \u00fc\u00e7 ayr\u0131 d\u00fczenleme sistemi kullan\u0131m\u0131 ile \u00e7al\u0131\u015f\u0131r. Bu ekleme, silme ve s\u00fcr\u00fckle b\u0131rak sayfa \u00f6\u011feleri yeniden d\u00fczenleyerek s\u00fcr\u00fckle b\u0131rak i\u015flevselli\u011fi ile esneklik sunarak harika bir olanak sunan etkileyici d\u00fczenleme edit\u00f6r\u00fcd\u00fcr. D\u00fczenleme modu ba\u015fl\u0131klar, altbilgiler ve sidebars spec \u00f6zelle\u015ftirmeye yard\u0131mc\u0131 olur ve stil modu vb \u00e7zellikleri ile fontlar, boyutlar ve renkleri se\u00e7menizi sa\u011flar. Bu web olu\u015fturucu onun hayat\u0131n\u0131 kurtarmak i\u00e7in kod kullan\u0131lmaz ve profesyonel bir tasar\u0131mc\u0131 i\u00e7in para \u00f6demek istemeyen ki\u015filer i\u00e7in olduk\u00e7a idealdir.<\/p>\n

Son zamanlarda, Squarespace paralaks i\u015flevsellik sunan yeni Marquee temas\u0131n\u0131 a\u00e7\u0131klad\u0131. A\u015fa\u011f\u0131daki \u00f6rnekler paralaks\u2019\u0131n etkin temas\u0131 ile m\u00fcmk\u00fcn oldu\u011funca etkileyici sonu\u00e7lar\u0131 suna baz\u0131 vitrinleri sunuyor.<\/p>\n

Todd-Richardson.com<\/a><\/p>\n

\"image025\"<\/p>\n

Bu ku\u015fkusuz etkileyici Squarespace sunan yarat\u0131c\u0131s\u0131ndan h\u0131zl\u0131 bir not:<\/p>\n

\"image028\"<\/a><\/p>\n

Taklit\u00e7i! Evet. CSS \u2018le b\u2019r ka. Satir paralaks sitesi ile listemizde gizlice girmeyi ba\u015fararak eklendi, ama bu tamamen \u00fccretsiz kod \u00e7\u00f6z\u00fcmlerine kar\u015f\u0131 yarg\u0131lamak i\u00e7in iyi bir kontrol olarak g\u00f6rev yapacakt\u0131r. Hatta eklenen CSS ile web sitesi nispeten basit. Bir g\u00f6r\u00fcn\u00fcm \u0131zgaras\u0131 sayfan\u0131n alt\u0131ndaki bilgileri \u201cHakk\u0131mda\u201d standartlar\u0131n\u0131 ortaya koyarak, a\u015fa\u011f\u0131ya kard\u0131rarak tam sayfa g\u00f6r\u00fcn\u00fcml\u00fc arka plan\u0131 s\u00fcsl\u00fcyor. Sonu\u00e7 ne olursa olsun cazip bir giri\u015f.<\/p>\n

Mademybump.org<\/a><\/p>\n

\"image029\"<\/p>\n

\u015eimdilerde iyi \u015feyler, belirgin bir \u015fekilde farkl\u0131 cihazlara hareket etti\u011finden, birden fazla g\u00f6r\u00fcnt\u00fc elde edebiliyor. Bump bu \u00e7ad\u0131r tema sitesi (engelli kaliteli protez sunmak i\u00e7in kar amac\u0131 g\u00fctmeyen \u00f6zel bir ba\u011f\u0131\u015f kullan\u0131n!) Ayn\u0131 zamanda arz edilebilen Squarespace scrolling paralaks sadece ne t\u00fcr g\u00fc\u00e7l\u00fc bir \u00f6rnek sa\u011flar.<\/p>\n

Salvationtaco.com<\/a><\/p>\n

Ben insanlara yalan s\u00f6ylemek istemiyorum.  \u201cSalvation Taco\u201d \u015fimdiye kadar duydu\u011fum bir restoran i\u00e7in haval\u0131 bir isim, bunu s\u00f6ylememin nedeni bu web sitesi burada oldu\u011fu i\u00e7in. Meksika yemekleri ve Katolikli\u011fin \u00e7ekici ve sanatsal kombinasyonu benzer otantik Tex-Mex i\u00e7in sa\u011fl\u0131kl\u0131 bir \u015fey sunmaktad\u0131r.<\/p>\n

Ama bal\u0131k tacos benim benzetmemle d\u00fcr\u00fcst bir de\u011ferlendirme yapt\u0131ktan sonra kendiniz diskalifiye edip etmeyece\u011finize karar verin. Renk d\u00fczeni ve muhte\u015fem klasik g\u00f6r\u00fcn\u00fcm\u00fc, ho\u015f ve \u00fc\u00e7l\u00fc bir paralaks scrolling i\u00e7in ger\u00e7ekten faydal\u0131 ve keyifli bir bit derinlik ve hareket sunar.<\/p>\n

Bizim bu listemizde bulunan en sevdi\u011finiz paralaks sitelerinin baz\u0131lar\u0131 nelerdir? Bu konuda bizlere g\u00f6r\u00fc\u015flerinizi bildirebilirsiniz.<\/p>\n

Bu makale \u0130ngilizce\u2019den terc\u00fcme edilerek d\u00fczenlenmi\u015ftir. Orijinal makaleye buradan ula\u015fabilirsiniz; 11 Amazing Code-Free Parallax Scrolling Sites<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Paralaks scrolling web tasar\u0131m d\u00fcnyas\u0131nda heyecanla tart\u0131\u015f\u0131lan bir konudur. Trendin \u015fampiyonu, me\u015fgul web teklifleri ve \u00fcr\u00fcn yelpazesini ziyaret\u00e7ilerine sevdirmek ad\u0131na devrimci bir yol olarak g\u00f6rmekteyim. Paralaks sevmeyenlerde bulunabilir, tasar\u0131mc\u0131lar\u0131n b\u00fcy\u00fck \u00e7o\u011funlu\u011fu, kullan\u0131c\u0131lar ve site sahiplerinin ezici \u00e7o\u011funlu\u011fu m\u00fcthi\u015f animasyon efektleri yeterli bulmuyorlar. Ancak buna ra\u011fmen, paralaks ile ilgili bir sorun veya en az\u0131ndan bir problem […]<\/p>\n","protected":false},"author":1805522,"featured_media":3154,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[249,1],"tags":[204,205],"yoast_head":"\n15 \u015ea\u015f\u0131rt\u0131c\u0131 Code-Free Paralaks Scrolling Web Siteleri<\/title>\n<meta name=\"description\" content=\"Paralaks Scrolling ile geli\u015ftirilen web siteleri her zaman etkileyici \u00f6zelli\u011fini koruyacak gibi g\u00f6r\u00fcn\u00fcyor. Peki hi\u00e7 bir kod yazmadan bunu nas\u0131l yapabiliriz?\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/monsterspost.com\/tr\/15-sasirtici-code-free-paralaks-scrolling-web-siteleri\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"15 \u015ea\u015f\u0131rt\u0131c\u0131 Code-Free Paralaks Scrolling Web Siteleri\" \/>\n<meta property=\"og:description\" content=\"Paralaks Scrolling ile geli\u015ftirilen web siteleri her zaman etkileyici \u00f6zelli\u011fini koruyacak gibi g\u00f6r\u00fcn\u00fcyor. Peki hi\u00e7 bir kod yazmadan bunu nas\u0131l yapabiliriz?\" \/>\n<meta property=\"og:url\" content=\"https:\/\/monsterspost.com\/tr\/15-sasirtici-code-free-paralaks-scrolling-web-siteleri\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog TemplateMonster T\u00fcrkiye\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/TemplateMonsterTurkey\/\" \/>\n<meta property=\"article:published_time\" content=\"2014-09-15T13:18:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-09-16T17:01:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/09\/parallax-900x5381.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"538\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Bar\u0131\u015f Hep\u00e7orman\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@templatemonster\" \/>\n<meta name=\"twitter:site\" content=\"@templatemonster\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Bar\u0131\u015f Hep\u00e7orman\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/monsterspost.com\/tr\/15-sasirtici-code-free-paralaks-scrolling-web-siteleri\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/15-sasirtici-code-free-paralaks-scrolling-web-siteleri\/\"},\"author\":{\"name\":\"Bar\u0131\u015f Hep\u00e7orman\",\"@id\":\"https:\/\/monsterspost.com\/tr\/#\/schema\/person\/1846793b4f115999bfd6cc63b4d71815\"},\"headline\":\"15 \u015ea\u015f\u0131rt\u0131c\u0131 Code-Free Paralaks Scrolling Web Siteleri\",\"datePublished\":\"2014-09-15T13:18:42+00:00\",\"dateModified\":\"2022-09-16T17:01:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/15-sasirtici-code-free-paralaks-scrolling-web-siteleri\/\"},\"wordCount\":1776,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/#organization\"},\"keywords\":[\"Paralaks Scrolling\",\"paralaks web sitesi \u00f6rnekleri\"],\"articleSection\":[\"Makaleler\",\"Web Tasar\u0131m\"],\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/monsterspost.com\/tr\/15-sasirtici-code-free-paralaks-scrolling-web-siteleri\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/monsterspost.com\/tr\/15-sasirtici-code-free-paralaks-scrolling-web-siteleri\/\",\"url\":\"https:\/\/monsterspost.com\/tr\/15-sasirtici-code-free-paralaks-scrolling-web-siteleri\/\",\"name\":\"15 \u015ea\u015f\u0131rt\u0131c\u0131 Code-Free Paralaks Scrolling Web Siteleri\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/#website\"},\"datePublished\":\"2014-09-15T13:18:42+00:00\",\"dateModified\":\"2022-09-16T17:01:06+00:00\",\"description\":\"Paralaks Scrolling ile geli\u015ftirilen web siteleri her zaman etkileyici \u00f6zelli\u011fini koruyacak gibi g\u00f6r\u00fcn\u00fcyor. Peki hi\u00e7 bir kod yazmadan bunu nas\u0131l yapabiliriz?\",\"breadcrumb\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/15-sasirtici-code-free-paralaks-scrolling-web-siteleri\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/monsterspost.com\/tr\/15-sasirtici-code-free-paralaks-scrolling-web-siteleri\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/monsterspost.com\/tr\/15-sasirtici-code-free-paralaks-scrolling-web-siteleri\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/monsterspost.com\/tr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"15 \u015ea\u015f\u0131rt\u0131c\u0131 Code-Free Paralaks Scrolling Web Siteleri\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/monsterspost.com\/tr\/#website\",\"url\":\"https:\/\/monsterspost.com\/tr\/\",\"name\":\"Blog TemplateMonster T\u00fcrkiye\",\"description\":\"Just another MonsterPost Sites site\",\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/monsterspost.com\/tr\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"tr\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/monsterspost.com\/tr\/#organization\",\"name\":\"MonsterPost T\u00fcrkiye\",\"url\":\"https:\/\/monsterspost.com\/tr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/monsterspost.com\/tr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2020\/03\/Logo-TM.png\",\"contentUrl\":\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2020\/03\/Logo-TM.png\",\"width\":180,\"height\":180,\"caption\":\"MonsterPost T\u00fcrkiye\"},\"image\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/template_monster\/\",\"https:\/\/www.pinterest.com\/templatemonster\/\",\"https:\/\/www.youtube.com\/user\/TemplateMonsterCo\/\",\"https:\/\/www.facebook.com\/TemplateMonsterTurkey\/\",\"https:\/\/twitter.com\/templatemonster\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/monsterspost.com\/tr\/#\/schema\/person\/1846793b4f115999bfd6cc63b4d71815\",\"name\":\"Bar\u0131\u015f Hep\u00e7orman\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/monsterspost.com\/tr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/eb66b810f522d016a5638a0a1bee79d2?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/eb66b810f522d016a5638a0a1bee79d2?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"caption\":\"Bar\u0131\u015f Hep\u00e7orman\"},\"description\":\"Bar\u0131\u015f profesyonel bir i\u00e7erik pazarlamac\u0131s\u0131 ve ilham veren bir yazard\u0131r. G\u00fcnd\u00fcz pazarlama m\u00fcd\u00fcr\u00fc, gece ise yazar, i\u015f, pazarlama, tasar\u0131m ve web geli\u015ftirme \u00fczerine bir\u00e7ok blog yaz\u0131s\u0131 yaz\u0131yor. Web sitesi olu\u015fturucular ve CMS ile \u00e7al\u0131\u015fmay\u0131 ve deneyimini okuyucularla payla\u015fmay\u0131 seviyor. Onu LinkedIn'de takip edin\",\"url\":\"https:\/\/monsterspost.com\/tr\/author\/baris\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"15 \u015ea\u015f\u0131rt\u0131c\u0131 Code-Free Paralaks Scrolling Web Siteleri","description":"Paralaks Scrolling ile geli\u015ftirilen web siteleri her zaman etkileyici \u00f6zelli\u011fini koruyacak gibi g\u00f6r\u00fcn\u00fcyor. Peki hi\u00e7 bir kod yazmadan bunu nas\u0131l yapabiliriz?","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/monsterspost.com\/tr\/15-sasirtici-code-free-paralaks-scrolling-web-siteleri\/","og_locale":"tr_TR","og_type":"article","og_title":"15 \u015ea\u015f\u0131rt\u0131c\u0131 Code-Free Paralaks Scrolling Web Siteleri","og_description":"Paralaks Scrolling ile geli\u015ftirilen web siteleri her zaman etkileyici \u00f6zelli\u011fini koruyacak gibi g\u00f6r\u00fcn\u00fcyor. Peki hi\u00e7 bir kod yazmadan bunu nas\u0131l yapabiliriz?","og_url":"https:\/\/monsterspost.com\/tr\/15-sasirtici-code-free-paralaks-scrolling-web-siteleri\/","og_site_name":"Blog TemplateMonster T\u00fcrkiye","article_publisher":"https:\/\/www.facebook.com\/TemplateMonsterTurkey\/","article_published_time":"2014-09-15T13:18:42+00:00","article_modified_time":"2022-09-16T17:01:06+00:00","og_image":[{"width":900,"height":538,"url":"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/09\/parallax-900x5381.jpg","type":"image\/jpeg"}],"author":"Bar\u0131\u015f Hep\u00e7orman","twitter_card":"summary_large_image","twitter_creator":"@templatemonster","twitter_site":"@templatemonster","twitter_misc":{"Yazan:":"Bar\u0131\u015f Hep\u00e7orman","Tahmini okuma s\u00fcresi":"9 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/monsterspost.com\/tr\/15-sasirtici-code-free-paralaks-scrolling-web-siteleri\/#article","isPartOf":{"@id":"https:\/\/monsterspost.com\/tr\/15-sasirtici-code-free-paralaks-scrolling-web-siteleri\/"},"author":{"name":"Bar\u0131\u015f Hep\u00e7orman","@id":"https:\/\/monsterspost.com\/tr\/#\/schema\/person\/1846793b4f115999bfd6cc63b4d71815"},"headline":"15 \u015ea\u015f\u0131rt\u0131c\u0131 Code-Free Paralaks Scrolling Web Siteleri","datePublished":"2014-09-15T13:18:42+00:00","dateModified":"2022-09-16T17:01:06+00:00","mainEntityOfPage":{"@id":"https:\/\/monsterspost.com\/tr\/15-sasirtici-code-free-paralaks-scrolling-web-siteleri\/"},"wordCount":1776,"commentCount":0,"publisher":{"@id":"https:\/\/monsterspost.com\/tr\/#organization"},"keywords":["Paralaks Scrolling","paralaks web sitesi \u00f6rnekleri"],"articleSection":["Makaleler","Web Tasar\u0131m"],"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/monsterspost.com\/tr\/15-sasirtici-code-free-paralaks-scrolling-web-siteleri\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/monsterspost.com\/tr\/15-sasirtici-code-free-paralaks-scrolling-web-siteleri\/","url":"https:\/\/monsterspost.com\/tr\/15-sasirtici-code-free-paralaks-scrolling-web-siteleri\/","name":"15 \u015ea\u015f\u0131rt\u0131c\u0131 Code-Free Paralaks Scrolling Web Siteleri","isPartOf":{"@id":"https:\/\/monsterspost.com\/tr\/#website"},"datePublished":"2014-09-15T13:18:42+00:00","dateModified":"2022-09-16T17:01:06+00:00","description":"Paralaks Scrolling ile geli\u015ftirilen web siteleri her zaman etkileyici \u00f6zelli\u011fini koruyacak gibi g\u00f6r\u00fcn\u00fcyor. Peki hi\u00e7 bir kod yazmadan bunu nas\u0131l yapabiliriz?","breadcrumb":{"@id":"https:\/\/monsterspost.com\/tr\/15-sasirtici-code-free-paralaks-scrolling-web-siteleri\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/monsterspost.com\/tr\/15-sasirtici-code-free-paralaks-scrolling-web-siteleri\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/monsterspost.com\/tr\/15-sasirtici-code-free-paralaks-scrolling-web-siteleri\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/monsterspost.com\/tr\/"},{"@type":"ListItem","position":2,"name":"15 \u015ea\u015f\u0131rt\u0131c\u0131 Code-Free Paralaks Scrolling Web Siteleri"}]},{"@type":"WebSite","@id":"https:\/\/monsterspost.com\/tr\/#website","url":"https:\/\/monsterspost.com\/tr\/","name":"Blog TemplateMonster T\u00fcrkiye","description":"Just another MonsterPost Sites site","publisher":{"@id":"https:\/\/monsterspost.com\/tr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/monsterspost.com\/tr\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"tr"},{"@type":"Organization","@id":"https:\/\/monsterspost.com\/tr\/#organization","name":"MonsterPost T\u00fcrkiye","url":"https:\/\/monsterspost.com\/tr\/","logo":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/monsterspost.com\/tr\/#\/schema\/logo\/image\/","url":"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2020\/03\/Logo-TM.png","contentUrl":"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2020\/03\/Logo-TM.png","width":180,"height":180,"caption":"MonsterPost T\u00fcrkiye"},"image":{"@id":"https:\/\/monsterspost.com\/tr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/template_monster\/","https:\/\/www.pinterest.com\/templatemonster\/","https:\/\/www.youtube.com\/user\/TemplateMonsterCo\/","https:\/\/www.facebook.com\/TemplateMonsterTurkey\/","https:\/\/twitter.com\/templatemonster"]},{"@type":"Person","@id":"https:\/\/monsterspost.com\/tr\/#\/schema\/person\/1846793b4f115999bfd6cc63b4d71815","name":"Bar\u0131\u015f Hep\u00e7orman","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/monsterspost.com\/tr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/eb66b810f522d016a5638a0a1bee79d2?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/eb66b810f522d016a5638a0a1bee79d2?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","caption":"Bar\u0131\u015f Hep\u00e7orman"},"description":"Bar\u0131\u015f profesyonel bir i\u00e7erik pazarlamac\u0131s\u0131 ve ilham veren bir yazard\u0131r. G\u00fcnd\u00fcz pazarlama m\u00fcd\u00fcr\u00fc, gece ise yazar, i\u015f, pazarlama, tasar\u0131m ve web geli\u015ftirme \u00fczerine bir\u00e7ok blog yaz\u0131s\u0131 yaz\u0131yor. Web sitesi olu\u015fturucular ve CMS ile \u00e7al\u0131\u015fmay\u0131 ve deneyimini okuyucularla payla\u015fmay\u0131 seviyor. Onu LinkedIn'de takip edin","url":"https:\/\/monsterspost.com\/tr\/author\/baris\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/posts\/2337"}],"collection":[{"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/users\/1805522"}],"replies":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/comments?post=2337"}],"version-history":[{"count":15,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/posts\/2337\/revisions"}],"predecessor-version":[{"id":13884,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/posts\/2337\/revisions\/13884"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/media\/3154"}],"wp:attachment":[{"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/media?parent=2337"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/categories?post=2337"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/tags?post=2337"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}