{"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":"Emotion CSS Nedir? Ba\u015flang\u0131\u00e7 Seviyesi Rehber","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"UZYAf4EzfN\"><a href=\"https:\/\/fatihsoysal.com\/blog\/emotion-css-nedir-baslangic-seviyesi-rehber\/\">Emotion CSS Nedir? Ba\u015flang\u0131\u00e7 Seviyesi Rehber<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/fatihsoysal.com\/blog\/emotion-css-nedir-baslangic-seviyesi-rehber\/embed\/#?secret=UZYAf4EzfN\" width=\"600\" height=\"338\" title=\"&#8220;Emotion CSS Nedir? Ba\u015flang\u0131\u00e7 Seviyesi Rehber&#8221; &#8212; Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" data-secret=\"UZYAf4EzfN\" 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! Ben Fatih Soysal ve bug\u00fcn size modern web geli\u015ftirme d\u00fcnyas\u0131nda giderek daha pop\u00fcler hale gelen bir CSS-in-JS \u00e7\u00f6z\u00fcm\u00fc olan Emotion CSS'i tan\u0131taca\u011f\u0131m. Basit\u00e7e a\u00e7\u0131klamak gerekirse, Emotion, React gibi JavaScript framework'leri ile birlikte kullanarak CSS'i JavaScript kodunuzun i\u00e7ine yazman\u0131z\u0131 sa\u011flayan g\u00fc\u00e7l\u00fc bir k\u00fct\u00fcphanedir. Bu sayede, stil y\u00f6netimini daha dinamik ve verimli hale getirebilirsiniz. Ancak, bu sadece bir tan\u0131m\u0131d\u0131r; gelin detaylara inelim."}