<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>Tasarım / UX &#8211; Dortg Yazılım &#8211; Antalya Web Tasarım, Özel Yazılım &amp; SEO Ajansı</title>
	<atom:link href="https://www.dortg.net/category/tasarim-ux/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.dortg.net</link>
	<description></description>
	<lastBuildDate>Sun, 13 Sep 2026 10:04:08 +0000</lastBuildDate>
	<language>tr</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://www.dortg.net/storage/2026/09/cropped-dortg_ikon-32x32.png</url>
	<title>Tasarım / UX &#8211; Dortg Yazılım &#8211; Antalya Web Tasarım, Özel Yazılım &amp; SEO Ajansı</title>
	<link>https://www.dortg.net</link>
	<width>32</width>
	<height>32</height>
</image> 
<geo:lat>36.8969</geo:lat>
<geo:long>30.7133</geo:long>
<generator>Dortg Yazilim Enterprise Feed Engine</generator>
	<item>
		<title>TailwindCSS ile Responsive Arayüz Tasarımı İpuçları</title>
		<link>https://www.dortg.net/blog/tailwindcss-ile-responsive-arayuz/</link>
					<comments>https://www.dortg.net/blog/tailwindcss-ile-responsive-arayuz/#respond</comments>
		
		<dc:creator><![CDATA[]]></dc:creator>
		<pubDate>Tue, 25 Aug 2026 01:59:00 +0000</pubDate>
				<category><![CDATA[Tasarım / UX]]></category>
		<guid isPermaLink="false">https://www.dortg.net/tailwindcss-ile-responsive-arayuz/</guid>

					<description><![CDATA[Modern CSS utility kütüphanesi TailwindCSS kullanarak mobil, tablet ve masaüstü uyumlu responsive siteler geliştirme.]]></description>
										<content:encoded><![CDATA[<p class="font-normal text-slate-900 text-base border-l-4 border-cyan-500 pl-4 py-1 italic mb-6">                        Modern CSS utility kütüphanesi TailwindCSS kullanarak mobil, tablet ve masaüstü uyumlu responsive siteler geliştirme.                    </p>
<div class="space-y-4">
<p>TailwindCSS utility class yapısı, modern <strong>web tasarım</strong> projelerinde arayüz kodlama hızını 3 katına çıkarır. Breakpoint yapıları (`sm:`, `md:`, `lg:`, `xl:`) sayesinde mobil öncelikli responsive kodlar kolayca yazılır. Özel container genişlikleri ve esnek grid yapıları ile tüm ekranlarda mükemmel çalışan tasarımlar üretilir. Dortg Yazılım olarak tüm kurumsal projelerimizde Tailwind CSS standartlarını uyguluyoruz.</p>
</p></div>
<div style="clear: both"></div>
<p>n                                        n                    n                    </p>
<p class="pt-4 mt-4 border-t border-slate-200/60 text-xs font-medium text-slate-400">Dortg Yazılım tarafından hazırlandı · <time datetime="2026-05-04">Son güncelleme: 04.05.2026</time></p>
<p><hr><small>Kaynak: <a href="https://www.dortg.net/blog/tailwindcss-ile-responsive-arayuz/">TailwindCSS ile Responsive Arayüz Tasarımı İpuçları</a> | © 2026 Dortg Yazılım</small></p>]]></content:encoded>
					
					<wfw:commentRss>https://www.dortg.net/blog/tailwindcss-ile-responsive-arayuz/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Web Tasarımında Glassmorphism ve Modern UI Trendleri</title>
		<link>https://www.dortg.net/blog/web-tasariminda-glassmorphism-ve-modern-ui/</link>
					<comments>https://www.dortg.net/blog/web-tasariminda-glassmorphism-ve-modern-ui/#respond</comments>
		
		<dc:creator><![CDATA[]]></dc:creator>
		<pubDate>Mon, 24 Aug 2026 09:59:00 +0000</pubDate>
				<category><![CDATA[Tasarım / UX]]></category>
		<guid isPermaLink="false">https://www.dortg.net/web-tasariminda-glassmorphism-ve-modern-ui/</guid>

					<description><![CDATA[Buzlu cam etkisi (backdrop-filter) sunan glassmorphism stilinin modern arayüzlerdeki yeri ve CSS implementasyonu.]]></description>
										<content:encoded><![CDATA[<p class="font-normal text-slate-900 text-base border-l-4 border-cyan-500 pl-4 py-1 italic mb-6">                        Buzlu cam etkisi (backdrop-filter) sunan glassmorphism stilinin modern arayüzlerdeki yeri ve CSS implementasyonu.                    </p>
<div class="space-y-4">
<p>Glassmorphism, yarı saydam arka planlar ve hafif kenarlıklar ile arayüze derinlik katan modern bir tasarım akımıdır. macOS işletim sisteminin tasarım dilinde sıkça gördüğümüz bu stili, <strong>web tasarım</strong> çalışmalarımızda CSS `backdrop-filter` ve saydam border kombinasyonlarıyla uyguluyor, markalara teknolojik ve premium bir hava kazandırıyoruz.</p>
</p></div>
<div style="clear: both"></div>
<p>n                                        n                    n                    </p>
<p class="pt-4 mt-4 border-t border-slate-200/60 text-xs font-medium text-slate-400">Dortg Yazılım tarafından hazırlandı · <time datetime="2026-04-18">Son güncelleme: 18.04.2026</time></p>
<p><hr><small>Kaynak: <a href="https://www.dortg.net/blog/web-tasariminda-glassmorphism-ve-modern-ui/">Web Tasarımında Glassmorphism ve Modern UI Trendleri</a> | © 2026 Dortg Yazılım</small></p>]]></content:encoded>
					
					<wfw:commentRss>https://www.dortg.net/blog/web-tasariminda-glassmorphism-ve-modern-ui/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>CSS Grid ve Flexbox Kullanım Rehberi</title>
		<link>https://www.dortg.net/blog/css-grid-ve-flexbox-kullanim-rehberi/</link>
					<comments>https://www.dortg.net/blog/css-grid-ve-flexbox-kullanim-rehberi/#respond</comments>
		
		<dc:creator><![CDATA[]]></dc:creator>
		<pubDate>Mon, 24 Aug 2026 01:59:00 +0000</pubDate>
				<category><![CDATA[Tasarım / UX]]></category>
		<guid isPermaLink="false">https://www.dortg.net/css-grid-ve-flexbox-kullanim-rehberi/</guid>

					<description><![CDATA[Web arayüzü kodlarken grid sistemleri ve flexbox kutu modellerinin doğru kullanım alanları ve farkları.]]></description>
										<content:encoded><![CDATA[<p class="font-normal text-slate-900 text-base border-l-4 border-cyan-500 pl-4 py-1 italic mb-6">                        Web arayüzü kodlarken grid sistemleri ve flexbox kutu modellerinin doğru kullanım alanları ve farkları.                    </p>
<div class="space-y-4">
<p>Flexbox tek boyutlu (satır veya sütun) hizalamalarda harikalar yaratırken, CSS Grid iki boyutlu (hem satır hem sütun) kompleks sayfa şablonları oluşturmak için tasarlanmıştır. Modern <strong>web tasarım</strong> çalışmalarımızda her iki teknolojiyi yerli yerinde kullanarak en hafif ve hatasız çalışan sayfa iskeletlerini oluşturuyoruz.</p>
</p></div>
<div style="clear: both"></div>
<p>n                                        n                    n                    </p>
<p class="pt-4 mt-4 border-t border-slate-200/60 text-xs font-medium text-slate-400">Dortg Yazılım tarafından hazırlandı · <time datetime="2026-04-10">Son güncelleme: 10.04.2026</time></p>
<p><hr><small>Kaynak: <a href="https://www.dortg.net/blog/css-grid-ve-flexbox-kullanim-rehberi/">CSS Grid ve Flexbox Kullanım Rehberi</a> | © 2026 Dortg Yazılım</small></p>]]></content:encoded>
					
					<wfw:commentRss>https://www.dortg.net/blog/css-grid-ve-flexbox-kullanim-rehberi/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
