{"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 Modern Bir Admin Paneli Tasar\u0131m\u0131","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"LsEG8QgXIU\"><a href=\"https:\/\/fatihsoysal.com\/blog\/tailwind-css-ile-modern-bir-admin-paneli-tasarimi\/\">Tailwind CSS ile Modern Bir Admin Paneli Tasar\u0131m\u0131<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/fatihsoysal.com\/blog\/tailwind-css-ile-modern-bir-admin-paneli-tasarimi\/embed\/#?secret=LsEG8QgXIU\" width=\"600\" height=\"338\" title=\"&#8220;Tailwind CSS ile Modern Bir Admin Paneli Tasar\u0131m\u0131&#8221; &#8212; Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" data-secret=\"LsEG8QgXIU\" 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 sizlerle Tailwind CSS kullanarak modern ve kullan\u0131\u015fl\u0131 bir admin paneli nas\u0131l tasarlayabilece\u011finizi detayl\u0131 olarak payla\u015faca\u011f\u0131m. Bu makalede, hem temel tasar\u0131m prensiplerini hem de pratik kod \u00f6rneklerini ele alaca\u011f\u0131z. \u00d6ncelikle, neden Tailwind CSS'i tercih etmeliyiz, bunu a\u00e7\u0131klayal\u0131m. Tailwind, h\u0131zl\u0131 ve \u00f6zelle\u015ftirilebilir bir CSS framework'\u00fcd\u00fcr. B\u00fcy\u00fck projelerde bile d\u00fczenli ve okunabilir kod yazman\u0131za olanak tan\u0131r. Ayr\u0131ca, responsive tasar\u0131m kolayl\u0131\u011f\u0131 sa\u011flar; yani, admin paneliniz farkl\u0131 ekran boyutlar\u0131nda sorunsuz \u00e7al\u0131\u015f\u0131r. Sonu\u00e7 olarak, zaman ve emekten tasarruf etmenizi sa\u011flar."}