<?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/"
	>

<channel>
	<title>CSS | Altuğ Gürkaynak</title>
	<atom:link href="https://altug.design/Konu/css/feed/" rel="self" type="application/rss+xml" />
	<link>https://altug.design</link>
	<description>Altug.Design</description>
	<lastBuildDate>Wed, 12 Jun 2024 21:03:58 +0000</lastBuildDate>
	<language>tr</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>

<image>
	<url>https://altug.design/wp-content/uploads/2026/06/cropped-altug2026-2b-32x32.png</url>
	<title>CSS | Altuğ Gürkaynak</title>
	<link>https://altug.design</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">210762941</site>	<item>
		<title>Örneklerle CSS Seçicileri (Selectors) ve :nth-child Kullanımı</title>
		<link>https://altug.design/css-seciciler-selectors-ve-nth-child-kullanimi-ornekleriyle/</link>
					<comments>https://altug.design/css-seciciler-selectors-ve-nth-child-kullanimi-ornekleriyle/#respond</comments>
		
		<dc:creator><![CDATA[Altuğ GÜRKAYNAK]]></dc:creator>
		<pubDate>Fri, 14 Apr 2023 08:07:33 +0000</pubDate>
				<category><![CDATA[İpucu]]></category>
		<category><![CDATA[Kod]]></category>
		<category><![CDATA[Tasarım]]></category>
		<category><![CDATA[CSS]]></category>
		<guid isPermaLink="false">https://altug.design/?p=1284</guid>

					<description><![CDATA[CSS seçiciler ön-yüz (frontend) tasarımcılar için hayat kurtarıcı, kolay yordamlardır. Her ne kadar UI ve UX tasarımcılar ve hatta yazılımcılar bu konuya eğilmeyi ihmal veya reddetseler de, öğrenildiğinde ne kadar kolay ve keyifli çözümler ürettiğini göreceksiniz. Öncelikle herkese karmaşık gelen :nth-child seçicisinin kullanımına bir bakalım. Bunu da bir şema ile gösterelim: first-child 1 2 3 [&#8230;]]]></description>
		
					<wfw:commentRss>https://altug.design/css-seciciler-selectors-ve-nth-child-kullanimi-ornekleriyle/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1284</post-id>	</item>
		<item>
		<title>Bir Öğeyi Gizlemenin 3 Yolu (HTML / CSS)</title>
		<link>https://altug.design/bir-ogeyi-gizlemenin-3-yolu-html-css/</link>
					<comments>https://altug.design/bir-ogeyi-gizlemenin-3-yolu-html-css/#respond</comments>
		
		<dc:creator><![CDATA[Altuğ GÜRKAYNAK]]></dc:creator>
		<pubDate>Sun, 24 Apr 2022 18:41:30 +0000</pubDate>
				<category><![CDATA[İpucu]]></category>
		<category><![CDATA[Kod]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<guid isPermaLink="false">https://altug.in/?p=970</guid>

					<description><![CDATA[Web sayfalarında bir öğeyi gizlemek bazen gerekli olabilir. Bazen de gizlemeyi anlık (veya geçici) bir düzeltme için kullanırız. Web sayfalarında en yaygın öğe gizleme usullerini inceleyelim. İnceleyeceklerimizden ilk ikisi CSS özellikleri olacak: display: none ve visibility: hidden Çoğumuz bunları zaten kullanıyor olsak da, açıklığa kavuşturmak için özetleyelim. .gizle {display: none} .gosterme {visibility: hidden} .gizle sınıfına [&#8230;]]]></description>
		
					<wfw:commentRss>https://altug.design/bir-ogeyi-gizlemenin-3-yolu-html-css/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">970</post-id>	</item>
		<item>
		<title>CSS ile Metin Kırpma (Truncate) &#8211; Tek Satır / Çoklu Satır</title>
		<link>https://altug.design/css-ile-metin-kirpma-truncate-tek-satir-coklu-satir/</link>
					<comments>https://altug.design/css-ile-metin-kirpma-truncate-tek-satir-coklu-satir/#respond</comments>
		
		<dc:creator><![CDATA[Altuğ GÜRKAYNAK]]></dc:creator>
		<pubDate>Wed, 30 Mar 2022 12:09:16 +0000</pubDate>
				<category><![CDATA[Kod]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[CSS]]></category>
		<guid isPermaLink="false">https://altug.in/?p=875</guid>

					<description><![CDATA[Kodlama ile uzun bir metni kısaltmanın farklı yolları olsa da, metinleri kısaltmak için CSS&#8217;i de rahatça kullanabiliriz. Kullanmak istediğimiz alanın genişliğinden daha uzun bir metni kesmek için CSS Metin Kırpma veya kesme yöntemlerini kullanabiliriz. İhtiyacımıza uygun olan tek satır veya çoklu satır için kırpma (truncate) metodlarından bize uygun olanı seçelim. Tek Satır için CSS Kırpma [&#8230;]]]></description>
		
					<wfw:commentRss>https://altug.design/css-ile-metin-kirpma-truncate-tek-satir-coklu-satir/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">875</post-id>	</item>
		<item>
		<title>CSS Maskeleme ile Metinlere Resim Giydirme</title>
		<link>https://altug.design/css-maskeleme-ile-metinlere-resim-giydirme/</link>
					<comments>https://altug.design/css-maskeleme-ile-metinlere-resim-giydirme/#respond</comments>
		
		<dc:creator><![CDATA[Altuğ GÜRKAYNAK]]></dc:creator>
		<pubDate>Thu, 17 Mar 2022 22:02:54 +0000</pubDate>
				<category><![CDATA[Kod]]></category>
		<category><![CDATA[Tasarım]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<guid isPermaLink="false">https://altug.in/?p=714</guid>

					<description><![CDATA[CSS&#8217;in güzelliklerinden faydalanarak bir metine renk verebildiğimiz gibi, resim giydirme de kullanabiliriz. Siz de dikkat çekici başlıklar için, dilerseniz resimden oluşan başlıklar, yani resim giydirme / maskeleme kullanabilirsiniz. Bunun için anlatacağım yöntem: -webkit-background-clip . Bu yöntemde, metnimizi gerçekten metinsel olarak yazıyoruz. Böylece esnek, kolay değiştirilebilir ve dinamik başlıklar elde edebiliyoruz. &#60;div class="metinResim istanbul"&#62;İSTANBUL&#60;/div&#62; .metinResim { [&#8230;]]]></description>
		
					<wfw:commentRss>https://altug.design/css-maskeleme-ile-metinlere-resim-giydirme/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">714</post-id>	</item>
		<item>
		<title>CSS İpucu: Font Özelliklerini Tek Satırda Toplayın 💡</title>
		<link>https://altug.design/css-ipucu-font-ozelliklerini-tek-satirda-toplayin/</link>
					<comments>https://altug.design/css-ipucu-font-ozelliklerini-tek-satirda-toplayin/#respond</comments>
		
		<dc:creator><![CDATA[Altuğ GÜRKAYNAK]]></dc:creator>
		<pubDate>Fri, 25 Feb 2022 08:03:12 +0000</pubDate>
				<category><![CDATA[İpucu]]></category>
		<category><![CDATA[Kod]]></category>
		<category><![CDATA[CSS]]></category>
		<guid isPermaLink="false">https://altug.in/?p=658</guid>

					<description><![CDATA[CSS dosyanızda font özelliklerini tek satırda toplayarak hem daha okunaklı, hem de daha derli toplu bir görünüm sağlayabilirsiniz. h1 {font: bold 2rem/1.8 Sans-Serif} /* h1 { font-family: Sans-Serif; font-size: 2rem; line-height: 1.8; font-weight: bold; } */ &#160;]]></description>
		
					<wfw:commentRss>https://altug.design/css-ipucu-font-ozelliklerini-tek-satirda-toplayin/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">658</post-id>	</item>
		<item>
		<title>CSS Sayaçları İle Listelemelerin Uzmanı Olun</title>
		<link>https://altug.design/css-sayaclari-ile-listelemelerin-uzmani-olun/</link>
					<comments>https://altug.design/css-sayaclari-ile-listelemelerin-uzmani-olun/#respond</comments>
		
		<dc:creator><![CDATA[Altuğ GÜRKAYNAK]]></dc:creator>
		<pubDate>Sun, 29 Mar 2020 07:29:49 +0000</pubDate>
				<category><![CDATA[Kod]]></category>
		<category><![CDATA[Tasarım]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS Sayaçları]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Listeleme]]></category>
		<guid isPermaLink="false">https://altug.design/?p=432</guid>

					<description><![CDATA[CSS Sayaçlarını ilk keşfettiğimde mutluluktan havalara uçacak gibiydim! Kullanım alanlarına dair olasılıkları düşündükçe hep heyecanlanırım. Bu yazıda, sizinle beraber, bir listelemeyi özelleştirmek için CSS Sayaçlarını yani counter-reset ve counter-increment yordamlarını nasıl kullanabileceğimizi göreceğiz. HTML&#8217;de en çok kullandığımız listeleme yöntemleri -bildiğiniz gibi- OL (Ordered List) ve UL (Unordered List)&#8216;dir. Fakat bir projemde gerekene kadar bu listelemeyi [&#8230;]]]></description>
		
					<wfw:commentRss>https://altug.design/css-sayaclari-ile-listelemelerin-uzmani-olun/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">432</post-id>	</item>
	</channel>
</rss>
