{"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":"Tailwind CSS ile Clamp Fonksiyonu Kullanarak Responsive Tasar\u0131mlar","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"ByWWrJeApN\"><a href=\"https:\/\/fatihsoysal.com\/blog\/tailwind-css-ile-clamp-fonksiyonu-kullanarak-responsive-tasarimlar\/\">Tailwind CSS ile Clamp Fonksiyonu Kullanarak Responsive Tasar\u0131mlar<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/fatihsoysal.com\/blog\/tailwind-css-ile-clamp-fonksiyonu-kullanarak-responsive-tasarimlar\/embed\/#?secret=ByWWrJeApN\" width=\"600\" height=\"338\" title=\"&#8220;Tailwind CSS ile Clamp Fonksiyonu Kullanarak Responsive Tasar\u0131mlar&#8221; &#8212; Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" data-secret=\"ByWWrJeApN\" 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. Bu yaz\u0131da, Tailwind CSS ile birlikte kullan\u0131lan ve responsive tasar\u0131mlar olu\u015fturmak i\u00e7in olduk\u00e7a kullan\u0131\u015fl\u0131 olan `clamp()` fonksiyonunu detayl\u0131 olarak inceleyece\u011fiz. `clamp()` fonksiyonu, minimum, tercih edilen ve maksimum de\u011ferler belirleyerek metin boyutlar\u0131n\u0131 veya di\u011fer CSS \u00f6zelliklerini cihaz\u0131n ekran boyutuna g\u00f6re dinamik olarak ayarlamam\u0131za olanak tan\u0131r. Bu sayede hem k\u00fc\u00e7\u00fck ekranlarda okunabilirlik sa\u011flan\u0131r hem de b\u00fcy\u00fck ekranlarda g\u00f6rsel b\u00fct\u00fcnl\u00fck korunur."}