<?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>Csseven</title>
	<atom:link href="http://www.csseven.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.csseven.com</link>
	<description>Tips &#38; Trciks about CSS</description>
	<lastBuildDate>Thu, 03 Dec 2009 23:23:06 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>CSS3</title>
		<link>http://www.csseven.com/tips/css3/</link>
		<comments>http://www.csseven.com/tips/css3/#comments</comments>
		<pubDate>Thu, 03 Dec 2009 23:07:51 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://localhost/project/self/csseven/?p=208</guid>
		<description><![CDATA[بعد الإصدار 2.1 والذي لم يتوفر له دعم كامل من قبل المتصفحات الموجودة على الساحة، وبالأخص عائلة IE، أصبح الإصدار CSS3 متوفرا للعموم، مع دعم محدود للأوامر الجديدة من Firefox والمتصفحات المبنية على محرك Webkit وأهمها Chrome و Safari.
العديد من الخصائص مثل Web Fonts، الشفافية Opacity ، تأثير الظلال Shadow أو المنحنيات Radius .. ستسهل [...]]]></description>
			<content:encoded><![CDATA[<p>بعد الإصدار 2.1 والذي لم يتوفر له دعم كامل من قبل المتصفحات الموجودة على الساحة، وبالأخص عائلة IE، أصبح الإصدار CSS3 متوفرا للعموم، مع دعم محدود للأوامر الجديدة من Firefox والمتصفحات المبنية على محرك Webkit وأهمها Chrome و Safari.</p>
<p>العديد من الخصائص مثل Web Fonts، الشفافية Opacity ، تأثير الظلال Shadow أو المنحنيات Radius .. ستسهل عمل مطور الويب، وذلك لإضفاء تأثيرات جميلة دون الاضطرار لاستعمال مكتبات JS.</p>
<p><a href="http://www.css3.info/preview/">للاطلاع على أوامر CSS3</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.csseven.com/tips/css3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML5</title>
		<link>http://www.csseven.com/tips/html5/</link>
		<comments>http://www.csseven.com/tips/html5/#comments</comments>
		<pubDate>Fri, 21 Aug 2009 23:24:20 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.csseven.com/?p=186</guid>
		<description><![CDATA[
HTML5 Validator
HTML5 Reset
HTML5 Doctor Pposts &#38; tutorials

]]></description>
			<content:encoded><![CDATA[<ul>
<li><a href="http://html5.validator.nu/">HTML5 Validator</a></li>
<li><a href="http://html5doctor.com/html-5-reset-stylesheet/">HTML5 Reset</a></li>
<li><a href="http://html5doctor.com/">HTML5 Doctor Pposts &amp; tutorials</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.csseven.com/tips/html5/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Links Styling</title>
		<link>http://www.csseven.com/tips/links-styling/</link>
		<comments>http://www.csseven.com/tips/links-styling/#comments</comments>
		<pubDate>Thu, 06 Aug 2009 15:46:05 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.csseven.com/?p=183</guid>
		<description><![CDATA[عند استعمال:

/* simple reset */
a  {
	text-decoration: none;
}

فلا حاجة لتكرار نفس الخاصية في أماكن أخرى، يمكنك استعمال:

text-decoration: none;

فقط إذا أردت تغيير القيمة إلى:

a  {
	text-decoration: underline;
}

كذلك لا تكرر الخاصية في كل من a و a:hover

a  {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}

يكفي أن تكتب الخاصة مرة واحدة في الوسم a:

a  {
	text-decoration: none;
	color:#999
}
a:hover {
    [...]]]></description>
			<content:encoded><![CDATA[<p>عند استعمال:</p>

<div class="wp_syntax"><div class="code"><pre class="css">/* simple reset */
a  {
	text-decoration: none;
}</pre></div></div>

<p>فلا حاجة لتكرار نفس الخاصية في أماكن أخرى، يمكنك استعمال:</p>

<div class="wp_syntax"><div class="code"><pre class="css">text-decoration: none;</pre></div></div>

<p>فقط إذا أردت تغيير القيمة إلى:</p>

<div class="wp_syntax"><div class="code"><pre class="css">a  {
	text-decoration: underline;
}</pre></div></div>

<p>كذلك لا تكرر الخاصية في كل من a و a:hover</p>

<div class="wp_syntax"><div class="code"><pre class="css">a  {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}</pre></div></div>

<p>يكفي أن تكتب الخاصة مرة واحدة في الوسم a:</p>

<div class="wp_syntax"><div class="code"><pre class="css">a  {
	text-decoration: none;
	color:#999
}
a:hover {
    color:#666 /* .. */
}</pre></div></div>

]]></content:encoded>
			<wfw:commentRss>http://www.csseven.com/tips/links-styling/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Hacks for IE6, IE7</title>
		<link>http://www.csseven.com/tips/hacks-for-ie6-ie7/</link>
		<comments>http://www.csseven.com/tips/hacks-for-ie6-ie7/#comments</comments>
		<pubDate>Tue, 28 Jul 2009 15:24:48 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.csseven.com/?p=171</guid>
		<description><![CDATA[أسهل طريقة لإضافة خصائص مختلفة لمتصفحات IE مباشرة في ملف Style ودون استعمال Conditional Statements هي باستعمال *html كالاتي:

p {
 border:1px solid #666
}


*html p {
 border:1px solid #f00
}

ال  Fix السابق سيعمل مع IE6 وإن أردت كتابة ترقيع ل IE7 وتجاهل IE6 فأضف علامة + كالاتي:

*+html p {
 border:1px solid #f00
}

هناك طريقة مختصرة دون إعادة [...]]]></description>
			<content:encoded><![CDATA[<p>أسهل طريقة لإضافة خصائص مختلفة لمتصفحات IE مباشرة في ملف Style ودون استعمال Conditional Statements هي باستعمال *html كالاتي:</p>

<div class="wp_syntax"><div class="code"><pre class="css">p {
 border:1px solid #666
}</pre></div></div>


<div class="wp_syntax"><div class="code"><pre class="css">*html p {
 border:1px solid #f00
}</pre></div></div>

<p>ال  Fix السابق سيعمل مع IE6 وإن أردت كتابة ترقيع ل IE7 وتجاهل IE6 فأضف علامة + كالاتي:</p>

<div class="wp_syntax"><div class="code"><pre class="css">*+html p {
 border:1px solid #f00
}</pre></div></div>

<p>هناك طريقة مختصرة دون إعادة تكرار Class نفسه:</p>

<div class="wp_syntax"><div class="code"><pre class="css">p {
 border:1px solid #666;
 *border:1px solid #f00
}</pre></div></div>

<p>سيظهر الإطار الأحمر في كل من IE6 و IE7 وإذا أردت تجاهل IE6 مع ظهور الاطار الأحمر في متصفح IE7 فاكتب:</p>

<div class="wp_syntax"><div class="code"><pre class="css">p {
 border:1px solid #666;
 *border:1px solid #f00;
 _border: 1px solid #666
}</pre></div></div>

]]></content:encoded>
			<wfw:commentRss>http://www.csseven.com/tips/hacks-for-ie6-ie7/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Firefox Extensions I use</title>
		<link>http://www.csseven.com/tips/firefox-extensions-i-use/</link>
		<comments>http://www.csseven.com/tips/firefox-extensions-i-use/#comments</comments>
		<pubDate>Sun, 05 Jul 2009 13:37:22 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.csseven.com/?p=169</guid>
		<description><![CDATA[أستعمل هذه الأدوات لإجراء Testing و Debugging:

Web Developer 1.1.8
IE Tab 1.5.2
Html Validator 0.8.5.8
Firebug 1.4.0b4

]]></description>
			<content:encoded><![CDATA[<p>أستعمل هذه الأدوات لإجراء Testing و Debugging:</p>
<ul>
<li><a href="http://chrispederick.com/work/web-developer/">Web Developer 1.1.8</a></li>
<li><a href="https://addons.mozilla.org/en-US/firefox/addon/1419">IE Tab 1.5.2</a></li>
<li><a href="http://users.skynet.be/mgueury/mozilla/">Html Validator 0.8.5.8</a></li>
<li><a href="http://getfirebug.com/">Firebug 1.4.0b4</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.csseven.com/tips/firefox-extensions-i-use/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Downgrade IE8 to IE6</title>
		<link>http://www.csseven.com/tips/downgrade-ie8-to-ie6/</link>
		<comments>http://www.csseven.com/tips/downgrade-ie8-to-ie6/#comments</comments>
		<pubDate>Wed, 13 May 2009 21:37:25 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.csseven.com/?p=166</guid>
		<description><![CDATA[إصدار IE8 أصبح يأتي مع تحديثات Windows XP، قمت بتنصيب هذا الإصدار لتجربته، يبدو أفضل من النسخ السابقة من حيث التصفح وبعض الأفكار المقتسبة من هنا وهناك.
لكن يؤسفني أنني لم أجد الدعم الذي كنت أنتظره مع المعايير القياسية، فظهور مشاكل كثيرة في العرض، علما أن المواقع التي اختبرتها سليمة، جعلتني أخرج باستنتاج أن IE8 فعلا [...]]]></description>
			<content:encoded><![CDATA[<p>إصدار IE8 أصبح يأتي مع تحديثات Windows XP، قمت بتنصيب هذا الإصدار لتجربته، يبدو أفضل من النسخ السابقة من حيث التصفح وبعض الأفكار المقتسبة من هنا وهناك.</p>
<p>لكن يؤسفني أنني لم أجد الدعم الذي كنت أنتظره مع المعايير القياسية، فظهور مشاكل كثيرة في العرض، علما أن المواقع التي اختبرتها سليمة، جعلتني أخرج باستنتاج أن IE8 فعلا لا يدعم المعايير القياسية بالشكل المقبول.</p>
<p>أفضل الان دعم مستعملي IE6 و IE7 فلم يحن الأوان بعد لأفكر في كتابة FIX لمستعملي IE8.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.csseven.com/tips/downgrade-ie8-to-ie6/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ideas about CSS</title>
		<link>http://www.csseven.com/tips/ideas-about-css/</link>
		<comments>http://www.csseven.com/tips/ideas-about-css/#comments</comments>
		<pubDate>Mon, 20 Apr 2009 14:26:55 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.csseven.com/?p=160</guid>
		<description><![CDATA[
تابع مطوري الويب المهتمين ب CSS على Twitter.
من حين لآخر زر  صفحة الكتب في SitePoint لمعرفة جديد كتب CSS.
شارك في المجموعات المهمتة ب CSS على موقع Flickr.
احصل على مزيد من أعمال CSS من مواقع Freelancing.

]]></description>
			<content:encoded><![CDATA[<ul>
<li>تابع مطوري الويب المهتمين ب <a href="http://wefollow.com/tag/css">CSS</a> على Twitter.</li>
<li>من حين لآخر زر  صفحة الكتب في SitePoint لمعرفة جديد كتب <a href="http://www.sitepoint.com/books/">CSS</a>.</li>
<li>شارك في المجموعات المهمتة ب <a href="http://www.flickr.com/search/groups/?q=css">CSS</a> على موقع Flickr.</li>
<li>احصل على مزيد من أعمال <a href="http://www.getafreelancer.com/projects/search.php?action=search&amp;keyword=css">CSS</a> من مواقع Freelancing.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.csseven.com/tips/ideas-about-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Acid3</title>
		<link>http://www.csseven.com/tips/acid3/</link>
		<comments>http://www.csseven.com/tips/acid3/#comments</comments>
		<pubDate>Sun, 19 Apr 2009 11:25:57 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.csseven.com/?p=158</guid>
		<description><![CDATA[قمت بتحميل المتصفحات الأكثر شهرة عند مطوري الويب لتجربة الاختبار Acid 3 وجاءت النتائج كالتالي:

Firefox 3.0.8 النتيجة هي 71% وفشل في 29 اختبارا.
Opera 9.64 النتيجة هي 85% وفشل في 15 اختبارا.
IE 7 النتيجة هي 11% وفشل في 89 اختبارا.
IE 6 النتيجة هي 12% وفشل في 88 اختبارا.
Safari 4 PB النتيجة هي 100%.
Chrome 2.0.172.2 النتيجة هي [...]]]></description>
			<content:encoded><![CDATA[<p>قمت بتحميل المتصفحات الأكثر شهرة عند مطوري الويب لتجربة الاختبار <a href="http://acid3.acidtests.org/">Acid 3</a> وجاءت النتائج كالتالي:</p>
<ul>
<li>Firefox 3.0.8 النتيجة هي 71% وفشل في 29 اختبارا.</li>
<li>Opera 9.64 النتيجة هي 85% وفشل في 15 اختبارا.</li>
<li>IE 7 النتيجة هي 11% وفشل في 89 اختبارا.</li>
<li>IE 6 النتيجة هي 12% وفشل في 88 اختبارا.</li>
<li>Safari 4 PB النتيجة هي 100%.</li>
<li>Chrome 2.0.172.2 النتيجة هي 100%.</li>
<li>لم أحمل IE 8 كي أجري الاختبار لكن حسب من أجروا الاختبار فهي لا تتعدى 20%.</li>
</ul>
<p>بقي أن تعرف أن اختبار acid 3 يعطي صورة واضحة عن مدى توافق المتصفح مع معايير الويب الخاصة ب W3C والتي منها بطبيعة الحال CSS.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.csseven.com/tips/acid3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Why People Still Use IE 6</title>
		<link>http://www.csseven.com/tips/why-people-still-use-ie-6/</link>
		<comments>http://www.csseven.com/tips/why-people-still-use-ie-6/#comments</comments>
		<pubDate>Sat, 18 Apr 2009 13:36:39 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.csseven.com/?p=156</guid>
		<description><![CDATA[ماذا سنستفيد من رحيل IE6 ؟

استخدام صور PNG  عالية الشفافية.
الاستفادة من بعض الأوامر ك min-width و max-width.
استعمال Child Selectors و Attribute Selectors.
غياب الحاجة لكتابة الكثير من FIX والمخصصة ل IE.

]]></description>
			<content:encoded><![CDATA[<p>ماذا سنستفيد من رحيل IE6 ؟</p>
<ul>
<li>استخدام صور PNG  عالية الشفافية.</li>
<li>الاستفادة من بعض الأوامر ك min-width و max-width.</li>
<li>استعمال Child Selectors و Attribute Selectors.</li>
<li>غياب الحاجة لكتابة الكثير من FIX والمخصصة ل IE.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.csseven.com/tips/why-people-still-use-ie-6/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS Tips</title>
		<link>http://www.csseven.com/tips/css-tips-2/</link>
		<comments>http://www.csseven.com/tips/css-tips-2/#comments</comments>
		<pubDate>Fri, 17 Apr 2009 12:12:59 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.csseven.com/?p=146</guid>
		<description><![CDATA[
حدد اتجاه الصفحة في وسم Head في صفحة HTML ولا تستعمل Direction في ملف CSS.
اختبر صفحاتك مباشرة بالإضافة HTML Validator.
اجعل Optimization آخر مرحلة في كتابة ملفات CSS.
استعن باحدى مكتبات JS ( مثل Jquery ) لكتابة بعض الأوامر ب CSS.

]]></description>
			<content:encoded><![CDATA[<ul>
<li>حدد اتجاه الصفحة في وسم Head في صفحة HTML ولا تستعمل Direction في ملف CSS.</li>
<li>اختبر صفحاتك مباشرة بالإضافة <a href="https://addons.mozilla.org/en-US/firefox/addon/249">HTML Validator</a>.</li>
<li>اجعل Optimization آخر مرحلة في كتابة ملفات CSS.</li>
<li>استعن باحدى مكتبات JS ( مثل <a href="http://docs.jquery.com/CSS">Jquery</a> ) لكتابة بعض الأوامر ب CSS.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.csseven.com/tips/css-tips-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
