<?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>سی اس اس &#8211; طراحان | طراحی  وب سایت حرفه ای |طراحی فروشگاه اینترنتی</title>
	<atom:link href="http://tarahan.com/tag/%D8%B3%DB%8C-%D8%A7%D8%B3-%D8%A7%D8%B3/feed/" rel="self" type="application/rss+xml" />
	<link>http://tarahan.com</link>
	<description>حرفه ای ترین طراحی وب سایت و فروشگاه اینترنتی &#124; T A R A H A N</description>
	<lastBuildDate>Sat, 16 Jan 2016 11:19:05 +0000</lastBuildDate>
	<language>fa-IR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.6.9</generator>
	<item>
		<title>۷ ابزار پر کاربرد CSS</title>
		<link>http://tarahan.com/7-%d8%a7%d8%a8%d8%b2%d8%a7%d8%b1-%d9%be%d8%b1-%da%a9%d8%a7%d8%b1%d8%a8%d8%b1%d8%af-css/</link>
					<comments>http://tarahan.com/7-%d8%a7%d8%a8%d8%b2%d8%a7%d8%b1-%d9%be%d8%b1-%da%a9%d8%a7%d8%b1%d8%a8%d8%b1%d8%af-css/#respond</comments>
		
		<dc:creator><![CDATA[طراحان]]></dc:creator>
		<pubDate>Sat, 16 Jan 2016 11:09:38 +0000</pubDate>
				<category><![CDATA[آموزش طراحی سایت]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Web design]]></category>
		<category><![CDATA[سی اس اس]]></category>
		<category><![CDATA[طراحی حرفه ای]]></category>
		<category><![CDATA[طراحی سایت]]></category>
		<guid isPermaLink="false">http://tarahan.com/?p=5256</guid>

					<description><![CDATA[CSS یک زبان برنامه نویسی است که به طراحان وب کمک می کند تا طراحی های ظریف و جالبی از خود خلق کنند و زمانی که<span class="excerpt-hellip"> […]</span>]]></description>
										<content:encoded><![CDATA[<p style="direction: rtl;"><strong>CSS</strong> یک زبان برنامه نویسی است که به طراحان وب کمک می کند تا طراحی های ظریف و جالبی از خود خلق کنند و زمانی که یک وب سایت مجهز به کدهای بی عیب و نقص <em>CSS</em> می شود، بدون هیچ ایرادی به نمایش گذاشته می شود. درنتیجه، سرعت بارگذاری بالا خواهد بود، هیچ خطایی وجود نخواهد داشت و از ویژگی های طراحی Responsive یا واکنش گرا برخوردار خواهد بود. ولی برای بهینه سازی استفاده از <em>CSS</em> می توان از ابزارهایی کمک گرفت که کارآیی آن را افزایش می دهند.</p>
<h3 style="direction: rtl;"><strong>CSS Lint</strong></h3>
<p><a href="http://tarahan.com/wp-content/uploads/2016/01/a.jpg"><img loading="lazy" class=" size-full wp-image-5258 aligncenter" style="direction: rtl;" src="http://tarahan.com/wp-content/uploads/2016/01/a.jpg" alt="a 7 ابزار پر کاربرد CSS" width="400" height="326" srcset="http://tarahan.com/wp-content/uploads/2016/01/a.jpg 400w, http://tarahan.com/wp-content/uploads/2016/01/a-300x245.jpg 300w, http://tarahan.com/wp-content/uploads/2016/01/a-179x146.jpg 179w, http://tarahan.com/wp-content/uploads/2016/01/a-50x41.jpg 50w, http://tarahan.com/wp-content/uploads/2016/01/a-92x75.jpg 92w" sizes="(max-width: 400px) 100vw, 400px" title="7 ابزار پر کاربرد CSS" /></a></p>
<p style="direction: rtl;">CSS Lint ابزاری قدرتمند برای پاک کردن المان های حجیم و اضافی <em>CSS</em> می باشد. زمانی که از CSS Lint استفاده می کنید، هر عملکردی با توضیحات کامل در اختیار شما قرار خواهد گرفت و این در حالی است که سایر ابزارها بطور خلاصه دستورالعملی را به شما ارائه می دهند. CSS Lint عناصر <em>CSS</em> را بهینه کرده و منجر به بالا رفتن کارآیی سایت می شود.</p>
<p style="direction: rtl;">مراجعه به سایت: <span style="text-decoration: underline;"><a href="http://csslint.net/" target="_blank">CSS Lint</a></span></p>
<h3 style="direction: rtl;"><strong>Pure CSS</strong></h3>
<p><a href="http://tarahan.com/wp-content/uploads/2016/01/b-620x339.jpg"><img loading="lazy" class=" size-full wp-image-5259 aligncenter" style="direction: rtl;" src="http://tarahan.com/wp-content/uploads/2016/01/b-620x339.jpg" alt="b 620x339 7 ابزار پر کاربرد CSS" width="400" height="219" srcset="http://tarahan.com/wp-content/uploads/2016/01/b-620x339.jpg 400w, http://tarahan.com/wp-content/uploads/2016/01/b-620x339-300x164.jpg 300w, http://tarahan.com/wp-content/uploads/2016/01/b-620x339-260x142.jpg 260w, http://tarahan.com/wp-content/uploads/2016/01/b-620x339-50x27.jpg 50w, http://tarahan.com/wp-content/uploads/2016/01/b-620x339-137x75.jpg 137w" sizes="(max-width: 400px) 100vw, 400px" title="7 ابزار پر کاربرد CSS" /></a></p>
<p style="direction: rtl;">همانطور که از نامش معلوم است Pure CSS زبان برنامه نویسی <em>CSS</em> را در تمام زمان ها بهینه می کند. این ابزار توسط شرکت معتبر و چند ملیتی Yahoo طراحی و توسعه یافته است و مجموعه ای از ماژول هاست که برای تکمیل پروژه های مربوط به طراحی سایت بکار گرفته می شود.</p>
<p style="direction: rtl;"> مراجعه به سایت: <u><a href="http://purecss.io/" target="_blank">Pure CSS</a></u></p>
<h3 style="direction: rtl;"><strong>Dirty Markup</strong></h3>
<p><a href="http://tarahan.com/wp-content/uploads/2016/01/c-620x344.jpg"><img loading="lazy" class=" size-full wp-image-5260 aligncenter" style="direction: rtl;" src="http://tarahan.com/wp-content/uploads/2016/01/c-620x344.jpg" alt="c 620x344 7 ابزار پر کاربرد CSS" width="400" height="222" srcset="http://tarahan.com/wp-content/uploads/2016/01/c-620x344.jpg 400w, http://tarahan.com/wp-content/uploads/2016/01/c-620x344-300x167.jpg 300w, http://tarahan.com/wp-content/uploads/2016/01/c-620x344-260x144.jpg 260w, http://tarahan.com/wp-content/uploads/2016/01/c-620x344-50x28.jpg 50w, http://tarahan.com/wp-content/uploads/2016/01/c-620x344-135x75.jpg 135w" sizes="(max-width: 400px) 100vw, 400px" title="7 ابزار پر کاربرد CSS" /></a></p>
<p style="direction: rtl;">Dirty Markup یکی از ابزارهای انحصاری است که عملکردی بینظیر دارد و بی‌نظمی موجود در کدها را حذف می کند و ساختاربندی چشمگیری را ایجاد می‌کند. برنامه Dirty Markup این مشخصه را مدیون مجموعه ای از تکنولوژی های مورد نیاز از قبیل HTML Tidy ,CSS Tidy ,JS Beautify و Ace Editor می باشد.</p>
<p style="direction: rtl;"> مراجعه به سایت: <u><a href="http://www.dirtymarkup.com/" target="_blank">Dirty Markup</a></u></p>
<h3 style="direction: rtl;"><strong>CSS Trashman</strong></h3>
<p><a href="http://tarahan.com/wp-content/uploads/2016/01/d-620x485.jpg"><img loading="lazy" class=" size-full wp-image-5262 aligncenter" style="direction: rtl;" src="http://tarahan.com/wp-content/uploads/2016/01/d-620x485.jpg" alt="d 620x485 7 ابزار پر کاربرد CSS" width="400" height="313" srcset="http://tarahan.com/wp-content/uploads/2016/01/d-620x485.jpg 400w, http://tarahan.com/wp-content/uploads/2016/01/d-620x485-300x235.jpg 300w, http://tarahan.com/wp-content/uploads/2016/01/d-620x485-187x146.jpg 187w, http://tarahan.com/wp-content/uploads/2016/01/d-620x485-50x39.jpg 50w, http://tarahan.com/wp-content/uploads/2016/01/d-620x485-96x75.jpg 96w" sizes="(max-width: 400px) 100vw, 400px" title="7 ابزار پر کاربرد CSS" /></a></p>
<p style="direction: rtl;">همانطور که از اسم این ابزار مشخص است، CSS Trashman تمامی فایل های اضافی ایجاد شده در <em>CSS</em> را پاک می کند. داشتن فایل CSS مرتب، همیشه کار آسانی نیست ولی با وجود همچین ابزار جامعی، براحتی می توان عملکرد بهتری در CSS را تجربه کرد.</p>
<p style="direction: rtl;">مراجعه به سایت: <span style="text-decoration: underline;"><a href="https://github.com/begriffs/css-ratiocinator" target="_blank">CSS Trashman</a></span></p>
<h3 style="direction: rtl;"><strong>CSS Beautifier</strong></h3>
<p><a href="http://tarahan.com/wp-content/uploads/2016/01/g.jpg"><img loading="lazy" class=" size-full wp-image-5265 aligncenter" src="http://tarahan.com/wp-content/uploads/2016/01/g.jpg" alt="g 7 ابزار پر کاربرد CSS" width="400" height="278" srcset="http://tarahan.com/wp-content/uploads/2016/01/g.jpg 400w, http://tarahan.com/wp-content/uploads/2016/01/g-300x209.jpg 300w, http://tarahan.com/wp-content/uploads/2016/01/g-210x146.jpg 210w, http://tarahan.com/wp-content/uploads/2016/01/g-50x35.jpg 50w, http://tarahan.com/wp-content/uploads/2016/01/g-108x75.jpg 108w" sizes="(max-width: 400px) 100vw, 400px" title="7 ابزار پر کاربرد CSS" /></a></p>
<p style="direction: rtl;">CSS Beutifier یکی از ابزارهایی است که اشتباهات و عیوب کدها را پاک کرده و آن ها را زیباسازی می نماید و بدین ترتیب CSS را قادر می سازد تا عملکرد سایت را بهبود بخشد. CSS Beautifier با داشتن ویژگی های مورد نیاز شما،‌ منجر می شود تا بدون وجود هرگونه مزاحمی براحتی با CSS کار کنید.</p>
<p style="direction: rtl;">مراجعه به سایت: <u><a href="http://html.fwpolice.com/css/" target="_blank">CSS Beautifier</a></u></p>
<h3 style="direction: rtl;"><strong>CSS Blueprint</strong></h3>
<p><a href="http://tarahan.com/wp-content/uploads/2016/01/h.jpg"><img loading="lazy" class=" size-full wp-image-5266 aligncenter" src="http://tarahan.com/wp-content/uploads/2016/01/h.jpg" alt="h 7 ابزار پر کاربرد CSS" width="400" height="148" srcset="http://tarahan.com/wp-content/uploads/2016/01/h.jpg 400w, http://tarahan.com/wp-content/uploads/2016/01/h-300x111.jpg 300w, http://tarahan.com/wp-content/uploads/2016/01/h-260x96.jpg 260w, http://tarahan.com/wp-content/uploads/2016/01/h-50x19.jpg 50w, http://tarahan.com/wp-content/uploads/2016/01/h-150x56.jpg 150w" sizes="(max-width: 400px) 100vw, 400px" title="7 ابزار پر کاربرد CSS" /></a></p>
<p style="direction: rtl;"><span style="line-height: 1.5;">بسیاری از طراحان وب سایت بطور روزمره از CSS Blueprint استفاده می کنند چراکه در این برنامه انواع عملکردهای معمولی CSS از پیش بارگذاری شده است که در این صورت دیگر نیازی به نوشتن حجم عظیمی از کدها نیست. علاوه براین، مجموعه ویژگی های Blueprint می تواند در plugin های خاصی مورد استفاده قرار بگیرد.</span></p>
<p style="direction: rtl;"> مراجعه به سایت: <u><a href="http://www.blueprintcss.org/" target="_blank">Blueprints</a></u></p>
<h3 style="direction: rtl;"><strong>Glue</strong></h3>
<p style="direction: rtl; text-align: right;"><a href="http://tarahan.com/wp-content/uploads/2016/01/h.jpg"><br />
</a><a href="http://tarahan.com/wp-content/uploads/2016/01/f-620x463.jpg"><img loading="lazy" class=" size-full wp-image-5264 aligncenter" src="http://tarahan.com/wp-content/uploads/2016/01/f-620x463.jpg" alt="f 620x463 7 ابزار پر کاربرد CSS" width="400" height="299" srcset="http://tarahan.com/wp-content/uploads/2016/01/f-620x463.jpg 400w, http://tarahan.com/wp-content/uploads/2016/01/f-620x463-300x224.jpg 300w, http://tarahan.com/wp-content/uploads/2016/01/f-620x463-195x146.jpg 195w, http://tarahan.com/wp-content/uploads/2016/01/f-620x463-50x37.jpg 50w, http://tarahan.com/wp-content/uploads/2016/01/f-620x463-100x75.jpg 100w" sizes="(max-width: 400px) 100vw, 400px" title="7 ابزار پر کاربرد CSS" /></a></p>
<p style="direction: rtl;">یکی از عوامل بزرگی که منجر به کند شدن سرعت بارگذاری سایت می شود، وجود عکس های حجیم است. به همین خاطر، پیشنهاد می شود که فایل ها را با هم ادغام کرده و در یک فایل قرار داد. فرآیند یکی سازی عکس ها توسط برنامه Glue اجرا می شود تا بعد بتوان از فایل مذکور در CSS Sprite استفاده شود.</p>
<p style="direction: rtl;">مراجعه به سایت: <u><a href="http://glue.readthedocs.org/en/latest/" target="_blank">Glue</a></u></p>
<p style="direction: rtl;">منبع: <span style="text-decoration: underline;"><a href="http://www.webdesign-inspiration.com/" target="_blank">www.webdesign-inspiration.com</a></span></p>
]]></content:encoded>
					
					<wfw:commentRss>http://tarahan.com/7-%d8%a7%d8%a8%d8%b2%d8%a7%d8%b1-%d9%be%d8%b1-%da%a9%d8%a7%d8%b1%d8%a8%d8%b1%d8%af-css/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
