{"version":"1.0","provider_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","provider_url":"https:\/\/fatihsoysal.com\/blog","author_name":"Fatih Soysal","author_url":"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/","title":"10 JavaScript Animasyon Tekni\u011fi: Web Sitenizi Canland\u0131r\u0131n!","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"LZgDFTx1dT\"><a href=\"https:\/\/fatihsoysal.com\/blog\/10-javascript-animasyon-teknigi-web-sitenizi-canlandirin\/\">10 JavaScript Animasyon Tekni\u011fi: Web Sitenizi Canland\u0131r\u0131n!<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/fatihsoysal.com\/blog\/10-javascript-animasyon-teknigi-web-sitenizi-canlandirin\/embed\/#?secret=LZgDFTx1dT\" width=\"600\" height=\"338\" title=\"&#8220;10 JavaScript Animasyon Tekni\u011fi: Web Sitenizi Canland\u0131r\u0131n!&#8221; &#8212; Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" data-secret=\"LZgDFTx1dT\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script>\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n<\/script>\n","description":"Merhaba! Fatih Soysal olarak, web geli\u015ftirme d\u00fcnyas\u0131nda s\u0131k\u00e7a ihtiya\u00e7 duyulan 10 JavaScript animasyon tekni\u011fini sizlerle payla\u015fmak istiyorum. Bu teknikler, web sitenizi daha etkile\u015fimli ve kullan\u0131c\u0131 dostu hale getirmenize yard\u0131mc\u0131 olacakt\u0131r. \u00d6ncelikle, baz\u0131 temel kavramlar\u0131 ele alarak ba\u015flayal\u0131m. Ard\u0131ndan, her bir animasyon tekni\u011fini detayl\u0131 olarak inceleyece\u011fiz. Sonras\u0131nda, bu teknikleri nas\u0131l uygulayaca\u011f\u0131n\u0131z\u0131 ve \u00f6rnek kodlar ile g\u00f6sterece\u011fiz. Haz\u0131rsan\u0131z, ba\u015flayal\u0131m!"}