{"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":"CSS3 ile Responsive Tasar\u0131mda Media Queries'i Ustala\u015fmak","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"9Qdoi0iESD\"><a href=\"https:\/\/fatihsoysal.com\/blog\/css3-ile-responsive-tasarimda-media-queriesi-ustalasmak\/\">CSS3 ile Responsive Tasar\u0131mda Media Queries&#8217;i Ustala\u015fmak<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/fatihsoysal.com\/blog\/css3-ile-responsive-tasarimda-media-queriesi-ustalasmak\/embed\/#?secret=9Qdoi0iESD\" width=\"600\" height=\"338\" title=\"&#8220;CSS3 ile Responsive Tasar\u0131mda Media Queries&#8217;i Ustala\u015fmak&#8221; &#8212; Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" data-secret=\"9Qdoi0iESD\" 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 burada. Web tasar\u0131m\u0131nda responsive tasar\u0131m\u0131n ne kadar \u00f6nemli oldu\u011funu hepimiz biliyoruz. Kullan\u0131c\u0131 deneyimini iyile\u015ftirmek ve her cihazda kusursuz bir g\u00f6r\u00fcn\u00fcm sa\u011flamak i\u00e7in olmazsa olmaz bir unsurdur. Bu makalede, CSS3'\u00fcn g\u00fc\u00e7l\u00fc \u00f6zelliklerinden biri olan Media Queries'i kullanarak responsive tasar\u0131mda nas\u0131l ustala\u015fabilece\u011finizi detayl\u0131 bir \u015fekilde ele alaca\u011f\u0131z. \u00d6ncelikle, temel kavramlardan ba\u015flay\u0131p, daha sonra ileri d\u00fczey tekniklere do\u011fru ilerleyece\u011fiz."}