{"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":"CSS Houdini: Taray\u0131c\u0131lar\u0131n Gizli S\u00fcper G\u00fc\u00e7leri","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"A9riVsxbsN\"><a href=\"https:\/\/fatihsoysal.com\/blog\/css-houdini-tarayicilarin-gizli-super-gucleri\/\">CSS Houdini: Taray\u0131c\u0131lar\u0131n Gizli S\u00fcper G\u00fc\u00e7leri<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/fatihsoysal.com\/blog\/css-houdini-tarayicilarin-gizli-super-gucleri\/embed\/#?secret=A9riVsxbsN\" width=\"600\" height=\"338\" title=\"&#8220;CSS Houdini: Taray\u0131c\u0131lar\u0131n Gizli S\u00fcper G\u00fc\u00e7leri&#8221; &#8212; Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" data-secret=\"A9riVsxbsN\" 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":"Web geli\u015ftirme d\u00fcnyas\u0131nda, CSS'in s\u0131n\u0131rl\u0131l\u0131klar\u0131n\u0131 a\u015fmak ve daha g\u00fc\u00e7l\u00fc, performansl\u0131 ve \u00f6zelle\u015ftirilebilir web siteleri olu\u015fturmak i\u00e7in s\u00fcrekli bir aray\u0131\u015f vard\u0131r. \u0130\u015fte tam bu noktada CSS Houdini devreye giriyor. CSS Houdini, taray\u0131c\u0131lar\u0131n alt\u0131ndaki CSS motoruna eri\u015fim sa\u011flayarak, geleneksel CSS'in s\u0131n\u0131rlar\u0131n\u0131 zorlamam\u0131z\u0131 ve hatta yeniden tan\u0131mlamam\u0131z\u0131 sa\u011flayan bir dizi API'den olu\u015fur. Bu g\u00fc\u00e7l\u00fc ara\u00e7lar, geli\u015ftiricilerin web siteleri \u00fczerinde daha \u00f6nce m\u00fcmk\u00fcn olmayan bir seviyede kontrol sahibi olmalar\u0131n\u0131 m\u00fcmk\u00fcn k\u0131lar. \u00d6rne\u011fin, karma\u015f\u0131k animasyonlar, \u00f6zel layout algoritmalar\u0131 veya tamamen yeni CSS \u00f6zelliklerinin uygulanmas\u0131 art\u0131k hayal de\u011fil."}