<?xml version="1.0" encoding="utf-8"?>
	<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/">
	<channel>
		<title>مدونة سلام</title>
		<link>http://www.salamm.com/</link>
		<language>ar-sy</language>
		<description>مدونة سلام ، مدونة شخصية تحوي مواضيع منوعة</description>
		<pubDate>Fri, 22 Feb 2008 11:00:00 GMT</pubDate>
		<generator>Notepad++</generator>
		<managingEditor>salamj@gmail.com</managingEditor>
		<webMaster>salamblog@gmail.com</webMaster>
		
		<item>
			<title>عابرون ... و شويّة رياضيات</title>
			<link>http://www.salamm.com/25</link>
			<description>مختلفون أولئك العابرون الذين يتواجدون في مراحل حياتنا ، بعضهم يترك ذكرى جميلة و البعض ذكرى سيئة ، بعضهم لا يترك شيئا ...&lt;br /&gt;
ربما لا يجب أن نتمنى لو طال عبور أحدهم أو قصر ، هكذا هي الحال ، الفترة جزء من ذلك التأثير.&lt;br /&gt;
&lt;br /&gt;
يقول علم الرياضيات أن المستقيمات المتوازية لا تتقاطع (هكذا تعرّف) ، فما الذي يحدث إذاً ؟ لماذا كل هذه التقاطعات ؟ يقول البعض أن ذلك غير صحيح ، تتلاقى المستقيمات المتوازية في اللانهاية.&lt;br /&gt;
&lt;br /&gt;
المستقيم القاطع لأحد متوازيين قاطعٌ للآخر ( من مسلّمات اقليدس ) ، أعد تعريف التقاطع و التوازي ، ربما تكون نظرية أولئك الذين يقولون بتقاطع اللانهاية صحيحة ، قد يُقطع أحد متوازيين ولا يقطع الآخر الآن ، لكن ربما يقطعه في اللانهاية ، أو ربما يكون هو نفسه من قطع الأول الذي اعتقد أنه يوازيه !&lt;br /&gt;
&lt;br /&gt;
جداء الصفر في أي عدد يساوي الصفر. إنّه يلغيه ، أو أن أي عدد هو لا شيء مقابل الصفر ! ، هل استطاع أحد أن يقوم بذلك؟ &lt;br /&gt;
&lt;br /&gt;
من أعمّ؟ الدائرة أم المستقيم ؟ يقال : المستقيم دائرة (نصف) قطرها يذهب إلى اللانهاية ، هل حدد أحد مركزها ؟ تعال نحاول أن نعكس الأمر ؟ الدائرة هي مستقيم تلاقت نهايته ببدايته بانحناء منتظم ! سأصيغها بأسلوب آخر، &quot;الدائرة مستقيم انتهى !&quot;.&lt;br /&gt;
&lt;br /&gt;
يقال : جميع نقاط الدائرة تبعد نفس البعد عن نقطة في داخلها هي المركز. ما الذي يحدث إذا ضربنا هذا البعد بـ صفر ؟ &lt;br /&gt;
&lt;br /&gt;
هل حاولت النظر من الأعلى لهذه المفاهيم ؟ أو نظرت في مرايا متقابلة &lt;b&gt;متوازية&lt;/b&gt; و أنت تقف بينها ؟ جرّب أن تصل إلى مكان ما. &lt;img src=&quot;http://www.salamm.com/images/smiles/1.gif&quot; alt=&quot;&quot; style=&quot;vertical-align: middle;&quot; /&gt; </description>
			<pubDate>Thu, 03 Jul 2008 22:39:53 +0000</pubDate>
<category>تطوير المواقع</category>
<category>أفكار</category>

			<comments>http://www.salamm.com/25#comments</comments>
			<dc:creator>salam</dc:creator>

		</item>
		
		<item>
			<title>تخبيصات javascript</title>
			<link>http://www.salamm.com/25</link>
			<description>جرب ثم اقرأ :&lt;br /&gt;
&lt;br /&gt;
&lt;a href=&quot;#&quot; onclick=&quot;msg('رسالة نتيجة صحيحة','ok',150);return false;&quot;&gt;رسالة نتيجة صحيحة&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;a href=&quot;#&quot; onclick=&quot;msg('رسالة فشل','error',150);return false;&quot;&gt;رسالة فشل&lt;/a&gt;&lt;br /&gt;
&lt;div id=&quot;ok&quot;&gt;&lt;/div&gt;&lt;div id=&quot;error&quot;&gt;&lt;/div&gt;&lt;br /&gt;
أثناء عملي في أحد مشاريع الجامعة ، يخطر ببالي أفكار جديدة دائما ، جديدة بالنسبة لي ، ففي كل مرة أكتب صفحة أحاول أن أصنع شيئا جديدا ، قد يكون غير جديد بالنسبة للآخرين ، لكن جديد بالنسبة لي.&lt;br /&gt;
مثلا ، ربما لاحظت إن كنت تستعمل FireFox أني أضع شريطا بالأسفل أشكرك لذلك  &lt;img src=&quot;http://www.salamm.com/images/smiles/41.gif&quot; alt=&quot;&quot; style=&quot;vertical-align: middle;&quot; /&gt; ، كنت و في أثناء عملي مع المشروع و في قسم منه أستخدم الأجاكس بكثرة ، أثناء الطلب أحتاج لصورة متحركة مثلا كالتي تظهر لك عند إضافة تعليق في مدونتي ، لكن أردت أن أفعل شيئا آخر ، قررت أن أضع شريط قصير في أسفل النافذة يحمل عبارة loading... مثلا يظهر أثناء طلب الأجاكس و حتى لحظة الإعادة ( مشابة للذي يظهر في Gmail عند الدخول للبريد.&lt;br /&gt;
&lt;br /&gt;
اليوم ، كنت أفكر بأسلوب آخر لعرض رسائل النجاح أو الفشل ، فدائما عند القيام بإرسال نموذج من الجيد الإبلاغ عن خطأ إن وجد أو إظهار رسالة تبين نجاح العملية ، و التأثيرات جميلة &lt;img src=&quot;http://www.salamm.com/images/smiles/10.gif&quot; alt=&quot;&quot; style=&quot;vertical-align: middle;&quot; /&gt; فكرت بأن أعرض رسالة بتنسيق معين تظهر لمدة قصيرة و تختفي ، ربما شاهدت ذلك في بعض المواقع من قبل و لكن لا أريد أن أبحث عن كود جاهز ، حتى لو كتبت أول مرة مقطع برمجي ضعيف لكن أن يلبي الغرض المؤقت و أن أحاول هذا أهم.&lt;br /&gt;
&lt;br /&gt;
هذا كود javascript الذي كتبته :&lt;br /&gt;
&lt;div class=&quot;code&quot;&gt;&lt;br /&gt;
&lt;span&gt;t&lt;span class=&quot;S0&quot;&gt; &lt;/span&gt;&lt;span class=&quot;S10&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;S0&quot;&gt; &lt;/span&gt;&lt;span class=&quot;S4&quot;&gt;400&lt;/span&gt;&lt;span class=&quot;S10&quot;&gt;;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;S5&quot;&gt;function&lt;/span&gt;&lt;span class=&quot;S0&quot;&gt; &lt;/span&gt;msg&lt;span class=&quot;S10&quot;&gt;(&lt;/span&gt;message&lt;span class=&quot;S10&quot;&gt;,&lt;/span&gt;type&lt;span class=&quot;S10&quot;&gt;,&lt;/span&gt;period&lt;span class=&quot;S10&quot;&gt;){&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;S0&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;t&lt;span class=&quot;S0&quot;&gt; &lt;/span&gt;&lt;span class=&quot;S10&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;S0&quot;&gt; &lt;/span&gt;period&lt;span class=&quot;S10&quot;&gt;;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;S0&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;id&lt;span class=&quot;S0&quot;&gt; &lt;/span&gt;&lt;span class=&quot;S10&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;S0&quot;&gt; &lt;/span&gt;type&lt;span class=&quot;S0&quot;&gt; &lt;/span&gt;&lt;span class=&quot;S10&quot;&gt;==&lt;/span&gt;&lt;span class=&quot;S0&quot;&gt; &lt;/span&gt;&lt;span class=&quot;S7&quot;&gt;'ok'&lt;/span&gt;&lt;span class=&quot;S0&quot;&gt; &lt;/span&gt;&lt;span class=&quot;S10&quot;&gt;?&lt;/span&gt;&lt;span class=&quot;S0&quot;&gt; &lt;/span&gt;&lt;span class=&quot;S7&quot;&gt;'ok'&lt;/span&gt;&lt;span class=&quot;S0&quot;&gt; &lt;/span&gt;&lt;span class=&quot;S10&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;S0&quot;&gt; &lt;/span&gt;&lt;span class=&quot;S7&quot;&gt;'error'&lt;/span&gt;&lt;span class=&quot;S10&quot;&gt;;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;S0&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;document&lt;span class=&quot;S10&quot;&gt;.&lt;/span&gt;getElementById&lt;span class=&quot;S10&quot;&gt;(&lt;/span&gt;id&lt;span class=&quot;S10&quot;&gt;).&lt;/span&gt;style&lt;span class=&quot;S10&quot;&gt;.&lt;/span&gt;display&lt;span class=&quot;S0&quot;&gt; &lt;/span&gt;&lt;span class=&quot;S10&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;S0&quot;&gt; &lt;/span&gt;&lt;span class=&quot;S7&quot;&gt;'block'&lt;/span&gt;&lt;span class=&quot;S10&quot;&gt;;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;S0&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;document&lt;span class=&quot;S10&quot;&gt;.&lt;/span&gt;getElementById&lt;span class=&quot;S10&quot;&gt;(&lt;/span&gt;id&lt;span class=&quot;S10&quot;&gt;).&lt;/span&gt;innerHTML&lt;span class=&quot;S0&quot;&gt; &lt;/span&gt;&lt;span class=&quot;S10&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;S0&quot;&gt; &lt;/span&gt;message&lt;span class=&quot;S10&quot;&gt;;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;S0&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;window&lt;span class=&quot;S10&quot;&gt;.&lt;/span&gt;setTimeout&lt;span class=&quot;S10&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;S6&quot;&gt;&quot;stay(id)&quot;&lt;/span&gt;&lt;span class=&quot;S10&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;S4&quot;&gt;1&lt;/span&gt;&lt;span class=&quot;S10&quot;&gt;);&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;S10&quot;&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;S5&quot;&gt;function&lt;/span&gt;&lt;span class=&quot;S0&quot;&gt; &lt;/span&gt;stay&lt;span class=&quot;S10&quot;&gt;(&lt;/span&gt;id&lt;span class=&quot;S10&quot;&gt;){&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;S0&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;t&lt;span class=&quot;S0&quot;&gt; &lt;/span&gt;&lt;span class=&quot;S10&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;S0&quot;&gt; &lt;/span&gt;t&lt;span class=&quot;S10&quot;&gt;-&lt;/span&gt;&lt;span class=&quot;S4&quot;&gt;1&lt;/span&gt;&lt;span class=&quot;S10&quot;&gt;;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;S0&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;S5&quot;&gt;if&lt;/span&gt;&lt;span class=&quot;S10&quot;&gt;(&lt;/span&gt;t&lt;span class=&quot;S10&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;S4&quot;&gt;0&lt;/span&gt;&lt;span class=&quot;S10&quot;&gt;){&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;S0&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;window&lt;span class=&quot;S10&quot;&gt;.&lt;/span&gt;setTimeout&lt;span class=&quot;S10&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;S6&quot;&gt;&quot;stay(id)&quot;&lt;/span&gt;&lt;span class=&quot;S10&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;S4&quot;&gt;1&lt;/span&gt;&lt;span class=&quot;S10&quot;&gt;);&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;S0&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;S10&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;S5&quot;&gt;else&lt;/span&gt;&lt;span class=&quot;S10&quot;&gt;{&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;S0&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;document&lt;span class=&quot;S10&quot;&gt;.&lt;/span&gt;getElementById&lt;span class=&quot;S10&quot;&gt;(&lt;/span&gt;id&lt;span class=&quot;S10&quot;&gt;).&lt;/span&gt;style&lt;span class=&quot;S10&quot;&gt;.&lt;/span&gt;display&lt;span class=&quot;S0&quot;&gt; &lt;/span&gt;&lt;span class=&quot;S10&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;S0&quot;&gt; &lt;/span&gt;&lt;span class=&quot;S7&quot;&gt;'none'&lt;/span&gt;&lt;span class=&quot;S10&quot;&gt;;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;S0&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;S10&quot;&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;S10&quot;&gt;}&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
و هنا CSS&lt;br /&gt;
&lt;div class=&quot;code&quot;&gt;&lt;br /&gt;
&lt;span&gt;&lt;span class=&quot;X5&quot;&gt;#&lt;/span&gt;&lt;span class=&quot;X10&quot;&gt;ok&lt;/span&gt;&lt;span class=&quot;X5&quot;&gt;{&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;X6&quot;&gt;&amp;nbsp; &amp;nbsp; border&lt;/span&gt;&lt;span class=&quot;X5&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;X8&quot;&gt; 1px solid #95E89F&lt;/span&gt;&lt;span class=&quot;X5&quot;&gt;;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;X6&quot;&gt;&amp;nbsp; &amp;nbsp; color&lt;/span&gt;&lt;span class=&quot;X5&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;X8&quot;&gt; #857D74&lt;/span&gt;&lt;span class=&quot;X5&quot;&gt;;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;X6&quot;&gt;&amp;nbsp; &amp;nbsp; font-size&lt;/span&gt;&lt;span class=&quot;X5&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;X8&quot;&gt; 12px&lt;/span&gt;&lt;span class=&quot;X5&quot;&gt;;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;X6&quot;&gt;&amp;nbsp; &amp;nbsp; padding&lt;/span&gt;&lt;span class=&quot;X5&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;X8&quot;&gt; 15px&lt;/span&gt;&lt;span class=&quot;X5&quot;&gt;;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;X6&quot;&gt;&amp;nbsp; &amp;nbsp; text-align&lt;/span&gt;&lt;span class=&quot;X5&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;X8&quot;&gt; center&lt;/span&gt;&lt;span class=&quot;X5&quot;&gt;;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;X6&quot;&gt;&amp;nbsp; &amp;nbsp; display&lt;/span&gt;&lt;span class=&quot;X5&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;X8&quot;&gt; none&lt;/span&gt;&lt;span class=&quot;X5&quot;&gt;;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;X15&quot;&gt;&amp;nbsp; &amp;nbsp; position&lt;/span&gt;&lt;span class=&quot;X5&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;X8&quot;&gt; absolute&lt;/span&gt;&lt;span class=&quot;X5&quot;&gt;;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;X15&quot;&gt;&amp;nbsp; &amp;nbsp; top &lt;/span&gt;&lt;span class=&quot;X5&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;X8&quot;&gt; 200px&lt;/span&gt;&lt;span class=&quot;X5&quot;&gt;;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;X15&quot;&gt;&amp;nbsp; &amp;nbsp; left &lt;/span&gt;&lt;span class=&quot;X5&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;X8&quot;&gt; 25%&lt;/span&gt;&lt;span class=&quot;X5&quot;&gt;;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;X15&quot;&gt;&amp;nbsp; &amp;nbsp; right&lt;/span&gt;&lt;span class=&quot;X5&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;X8&quot;&gt; 25%&lt;/span&gt;&lt;span class=&quot;X5&quot;&gt;;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;X6&quot;&gt;&amp;nbsp; &amp;nbsp; width&lt;/span&gt;&lt;span class=&quot;X5&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;X8&quot;&gt; 50%&lt;/span&gt;&lt;span class=&quot;X5&quot;&gt;;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;X6&quot;&gt;&amp;nbsp; &amp;nbsp; background-color&lt;/span&gt;&lt;span class=&quot;X5&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;X8&quot;&gt; #DAF2D9&lt;/span&gt;&lt;span class=&quot;X5&quot;&gt;;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;X5&quot;&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;X5&quot;&gt;#&lt;/span&gt;&lt;span class=&quot;X10&quot;&gt;error&lt;/span&gt;&lt;span class=&quot;X5&quot;&gt;{&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;X6&quot;&gt;&amp;nbsp; &amp;nbsp; border&lt;/span&gt;&lt;span class=&quot;X5&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;X8&quot;&gt; 1px solid #FF0000&lt;/span&gt;&lt;span class=&quot;X5&quot;&gt;;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;X6&quot;&gt;&amp;nbsp; &amp;nbsp; color&lt;/span&gt;&lt;span class=&quot;X5&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;X8&quot;&gt; #857D74&lt;/span&gt;&lt;span class=&quot;X5&quot;&gt;;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;X6&quot;&gt;&amp;nbsp; &amp;nbsp; font-size&lt;/span&gt;&lt;span class=&quot;X5&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;X8&quot;&gt; 12px&lt;/span&gt;&lt;span class=&quot;X5&quot;&gt;;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;X6&quot;&gt;&amp;nbsp; &amp;nbsp; padding&lt;/span&gt;&lt;span class=&quot;X5&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;X8&quot;&gt; 15px&lt;/span&gt;&lt;span class=&quot;X5&quot;&gt;;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;X6&quot;&gt;&amp;nbsp; &amp;nbsp; text-align&lt;/span&gt;&lt;span class=&quot;X5&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;X8&quot;&gt; center&lt;/span&gt;&lt;span class=&quot;X5&quot;&gt;;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;X6&quot;&gt;&amp;nbsp; &amp;nbsp; display&lt;/span&gt;&lt;span class=&quot;X5&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;X8&quot;&gt; none&lt;/span&gt;&lt;span class=&quot;X5&quot;&gt;;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;X15&quot;&gt;&amp;nbsp; &amp;nbsp; position&lt;/span&gt;&lt;span class=&quot;X5&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;X8&quot;&gt; absolute&lt;/span&gt;&lt;span class=&quot;X5&quot;&gt;;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;X15&quot;&gt;&amp;nbsp; &amp;nbsp; top &lt;/span&gt;&lt;span class=&quot;X5&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;X8&quot;&gt; 200px&lt;/span&gt;&lt;span class=&quot;X5&quot;&gt;;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;X15&quot;&gt;&amp;nbsp; &amp;nbsp; left &lt;/span&gt;&lt;span class=&quot;X5&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;X8&quot;&gt; 25%&lt;/span&gt;&lt;span class=&quot;X5&quot;&gt;;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;X15&quot;&gt;&amp;nbsp; &amp;nbsp; right&lt;/span&gt;&lt;span class=&quot;X5&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;X8&quot;&gt; 25%&lt;/span&gt;&lt;span class=&quot;X5&quot;&gt;;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;X6&quot;&gt;&amp;nbsp; &amp;nbsp; width&lt;/span&gt;&lt;span class=&quot;X5&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;X8&quot;&gt; 50%&lt;/span&gt;&lt;span class=&quot;X5&quot;&gt;;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;X6&quot;&gt;&amp;nbsp; &amp;nbsp; background-color&lt;/span&gt;&lt;span class=&quot;X5&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;X8&quot;&gt; #FFDFDF&lt;/span&gt;&lt;span class=&quot;X5&quot;&gt;;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;X5&quot;&gt;}&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
طبعا أنا مبتدئ في الـ javascript لذلك قد تجد الكود ضعيف  &lt;img src=&quot;http://www.salamm.com/images/smiles/32.gif&quot; alt=&quot;&quot; style=&quot;vertical-align: middle;&quot; /&gt;  أو أنه يمكن فعل ذلك بطرق أفضل ، إن أحببت أن تطرح رأيك سأرحب بذلك.&lt;br /&gt;
 &lt;img src=&quot;http://www.salamm.com/images/smiles/26.gif&quot; alt=&quot;&quot; style=&quot;vertical-align: middle;&quot; /&gt; </description>
			<pubDate>Fri, 30 May 2008 00:26:51 +0000</pubDate>
<category>تطوير المواقع</category>
<category>أفكار</category>

			<comments>http://www.salamm.com/25#comments</comments>
			<dc:creator>salam</dc:creator>

		</item>
		
		<item>
			<title>[نظام إدارة مواقع ...] قادم</title>
			<link>http://www.salamm.com/25</link>
			<description>ابتدأت اليوم العمل في نظام إدارة مواقع الذي سيكون مشروعي لهذا الفصل في الجامعة.&lt;br /&gt;
&lt;br /&gt;
ما هو هذا النظام ( كلمة نظام كبيرة شوي  &lt;img src=&quot;http://www.salamm.com/images/smiles/3.gif&quot; alt=&quot;&quot; style=&quot;vertical-align: middle;&quot; /&gt; ) ؟&lt;br /&gt;
&lt;br /&gt;
هو عبارة عن موقع فارغ ، يمكن اعتباره نواة Core موقع ، لا يحتوي في حالته الافتراضية شيئا إلا ( لوحة تحكم أساسية ، نظام قولبة ! Theme ، برنامج نموذجي ).&lt;br /&gt;
لوحة التحكم الأساسية تتضمن : معلومات المدير و إمكان تعديلها ، إمكانية تثبيت و إزالة برامج mods ، تعديل إعدادات الموقع الأساسية ، توزيع الكتل أو الصناديق ).&lt;br /&gt;
&lt;br /&gt;
مم يتألف البرنامج mod ( اختصار لـ module ) ؟&lt;br /&gt;
يتألف أساسيا من ملف xml يحوي كافة معلومات البرنامج ، إضافة للصفحات المكونة له و هي من نوع php و js و ... حسب الرغبة&lt;br /&gt;
&lt;br /&gt;
هذا هو كل الموضوع !&lt;br /&gt;
&lt;br /&gt;
حقيقة ، قمت بالتعامل مع الكثير من أنظمة إدارة المحتوى CMSs و كانت فكرتي أن أقوم بشيء مشابه لكن بأقل كمية ممكنة من الكود و بأكبر قدر ممكن من الديناميكية، و هذا النموذج هو ما استقريت عليه.&lt;br /&gt;
قد يبدو صغيرا لكن كما قلت هو نواة فقط ، يمكن بالتالي تخصيص هذا الموقع لأي غرض.&lt;br /&gt;
مثال ، أريد أن أجعل الموقع عبارة عن موقع إخباري [أخبار ، أقسام ، تعليقات ، مدراء ، RSS ، ...] &lt;br /&gt;
أقوم ببرمجة برنامج خاص بذلك mod و ليكن اسمه news ، يتضمن هذا البرنامج ملف إعدادات xml و ملفات php و ليكن أحدها خاص بعرض الأقسام ، آخر خاص بعرض الأخبار (عموما ، حسب القسم ، عرض خبر كامل ... ) ملف خاص بالخلاصات RSS ... أيضا هناك ملفات لإدارة كل مقطع تظهر للمدير في لوحة التحكم بعد أن يقوم بتثبيت هذا البرنامج.&lt;br /&gt;
&lt;br /&gt;
بمعنى أن لوحة التحكم تعنى فقط بتثبيت و إزالة برامج بالإضافة إلى إعدادات الموقع العامة و إدارة البرامج المثبتة.&lt;br /&gt;
و لاحقا كل برنامج يتولى إدارة نفسه ، أي تأتي إدارته معه ، حتى نظام المستخدمين هو برنامج و ليس من أصل النظام.&lt;br /&gt;
&lt;br /&gt;
هناك حرية كبيرة في برمجة أي برنامج ، المهم &lt;b&gt;شرح&lt;/b&gt; هذا البرنامج في ملف الـXML الخاص به.&lt;br /&gt;
&lt;br /&gt;
أتمنى أن تسير الأمور معي كما أتوقع و أنتهي منه خلال أيام قبل أن أدخل في معركة االامتحانات &lt;img src=&quot;http://www.salamm.com/images/smiles/17.gif&quot; alt=&quot;&quot; style=&quot;vertical-align: middle;&quot; /&gt; .&lt;br /&gt;
 90% سوف أنشر هذا البرنامج كمنتج مفتوح المصدر و مجاني في الصيف القادم ، أما الـ 10% المتبقية فهي تتبع للظروف.&lt;br /&gt;
إذا تحقق ما أفكر به سيكون هذا المنتج منافسا للكثير من أنظمة إدارة المحتوى المعروفة عالميا &lt;img src=&quot;http://www.salamm.com/images/smiles/39.gif&quot; alt=&quot;&quot; style=&quot;vertical-align: middle;&quot; /&gt; .&lt;br /&gt;
</description>
			<pubDate>Fri, 16 May 2008 15:20:54 +0000</pubDate>
<category>تطوير المواقع</category>
<category>أفكار</category>

			<comments>http://www.salamm.com/25#comments</comments>
			<dc:creator>salam</dc:creator>

		</item>
		
		<item>
			<title>بلا عنوان</title>
			<link>http://www.salamm.com/25</link>
			<description>صعوبة كبيرة في تعدد العيون يعني أكثر من عين و أقل من ثلاث و هذا يكفي فلماذا المزيد ؟!&lt;br /&gt;
التظاهر أو لنقل الأقنعة التي توضع على رؤوسنا بأربطة شديدة تمنعنا من إزالتها ، و على الرغم من اهتراء الأربطة فما يزال وهمها قويا ، ربما هذا هو المطلوب ! ، أن تعتاد على الشيء فتفعله بعد زوال أسبابه ، إنها أسباب متجذرة يتم زرعها و لا عليك ، اترك الأمر للوقت و للغرف المغلقة.&lt;br /&gt;
&lt;br /&gt;
لماذا تفعل أي شيء؟ طيب لا تفعله ما الذي سيحصل ؟!  &lt;img src=&quot;http://www.salamm.com/images/smiles/4.gif&quot; alt=&quot;&quot; style=&quot;vertical-align: middle;&quot; /&gt; &lt;br /&gt;
&lt;br /&gt;
نعود ، لماذا تريد أكثر من يد ؟ يدين أقصد ، ألا يكفي أن لك أكثر من يد و أقل من ثلاث ؟ يعني هل تريد أن تصبح أخطبوط؟  &lt;img src=&quot;http://www.salamm.com/images/smiles/3.gif&quot; alt=&quot;&quot; style=&quot;vertical-align: middle;&quot; /&gt; &lt;br /&gt;
&lt;br /&gt;
سخافة ، ألا ترى أن ما قرأته بالأعلى مجرد سخافة ؟ قد تكون كذلك ، فلماذا قرأتها إذن ( البعض يقول أن هناك خطأ في كتابة إذن إذ يجب أن أكتب إذاً ) المهم، أكمل القراءة إن أحببت قد أكتب شيئ أكثر أهمية.&lt;br /&gt;
&lt;br /&gt;
الرياضيات تعلمنا التفكير بشكل رياضي ، المنطق يعلمنا التفكير بشكل منطقي ، الفلسفة تدعونا لإعادة التفكير في الأشياء التي لم تكن تسترعي اهتمامنا، ما هي بقية العلوم المفيدة ؟ كل شيء مفيد.&lt;br /&gt;
&lt;br /&gt;
التسطح أو المرآة المسطحة تبدو بحالة طبيعية أما المقعرة فهي مقعرة و المحدبة عكسها لكنها مع ذلك محدبة ، ليست طبيعية.&lt;br /&gt;
&lt;br /&gt;
يعني الطرفان كاذبان.&lt;br /&gt;
&lt;br /&gt;
 &lt;img src=&quot;http://www.salamm.com/images/smiles/1.gif&quot; alt=&quot;&quot; style=&quot;vertical-align: middle;&quot; /&gt; &lt;br /&gt;
&lt;br /&gt;
برأيي بدون هذه الأقنعة أفضل ، قارن ، تخيل علبة كرتونية مثقوبة أمام عينيك و مثقوبة عند منطقة الاذن في كل جهة و تستطيع أن تتنفس لكن منطقة الفم مغلقة ، كيف ستتكلم ، ربما تصرخ عندما ترى للكلام ضرورة شديدة و عندها يسمعك بعض من حولك لكن معرفتك بأنك ستبذل جهدا لتصرخ تجعلك تقلل من الكلام المهم ، فتخرس   &lt;img src=&quot;http://www.salamm.com/images/smiles/10.gif&quot; alt=&quot;&quot; style=&quot;vertical-align: middle;&quot; /&gt; &lt;br /&gt;
&lt;br /&gt;
ما أبغض أن ترى شخص صغير يحاول أن يرشدك  &lt;img src=&quot;http://www.salamm.com/images/smiles/47.gif&quot; alt=&quot;&quot; style=&quot;vertical-align: middle;&quot; /&gt; ما أشبهه ببعوضة تحاول افتراسك &lt;img src=&quot;http://www.salamm.com/images/smiles/102.gif&quot; alt=&quot;&quot; style=&quot;vertical-align: middle;&quot; /&gt; &lt;br /&gt;
&lt;br /&gt;
</description>
			<pubDate>Wed, 30 Apr 2008 16:28:45 +0000</pubDate>
<category>تطوير المواقع</category>
<category>أفكار</category>

			<comments>http://www.salamm.com/25#comments</comments>
			<dc:creator>salam</dc:creator>

		</item>
		
		<item>
			<title>البرمجة الكائنية عند أفلاطون</title>
			<link>http://www.salamm.com/25</link>
			<description>نظرية المثل عند أفلاطون الحكيم ، يعرض أفلاطون قصة الكهف ليبين المثال من الشيء ، فقصة الكهف هي عن أشخاص مكبلين في كهف مظلم و يوجد خلفهم نار و وجوههم متجهة نحو الحائط بحيث لا يرون الحقائق ورائهم و إنما يرون خيال الأشياء التي تمر بينهم و بين النار و هم لم يسبق لهم أن رأوا الأشياء بذاتهم لذلك يعتقدون أن الظل الذي يرونه هو  الحقيقة !&lt;br /&gt;
&lt;br /&gt;
نحن نعلم الشيء المطلق بمثاله ، فمثلا عمل الخير هو مثال للخير ، شيء جميل هو مثال للجمال و ليس الجمال ... &lt;br /&gt;
&lt;br /&gt;
البرمجة الكائنية OOP أي Object Oriented Programming أسلوب في البرمجة يعتمد على تحويل أي شيء إلى كائن ، مثلا إذا كان البرنامج يتناول صورة عندها يمكننا إنشاء نوع هو صورة يحوي مواصفات مثل نوع الصورة jpg, gif , png ... حجم الصورة ، أبعاد الصورة ( طول ، عرض ) ... هذا كلّه وصف لصورة ، ليس صورة بالتحديد و إنما نوع.&lt;br /&gt;
&lt;br /&gt;
و عندما نريد استخدام هذا النوع في البرمجة بشكل تطبيقي فإننا نأخذ مثال عنه ، أي كائن منه فالصورة img.gif هي مثال للنوع صورة.&lt;br /&gt;
&lt;br /&gt;
فمثلا في Java نكتب :&lt;br /&gt;
&lt;div class=&quot;code&quot;&gt;&lt;span&gt;public class Img{&lt;br /&gt;
...&lt;br /&gt;
}&lt;/span&gt;&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
و عندما نريد استخدام هذا النوع نحتاج لننشئ شيء منه أو كائن فنكتب :&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;code&quot;&gt;&lt;span&gt;Img anyName = new Img();&lt;/span&gt;&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
إن anyName هو مثال للصورة أو لنوع الصورة ، كما هو السرير الخشبي مثال للسرير المطلق ! &lt;br /&gt;
&lt;br /&gt;
كيف سندرك المطلق؟ اللانهاية ؟ &lt;br /&gt;
&lt;br /&gt;
ما هي مساحة مستقيم طوله لا نهاية ؟ المستقيم المطلق لا عرض له أي عرضه صفر فكم هي مساحته أنها صفر × لا نهاية ، كم الناتج ؟ واحد !&lt;br /&gt;
الواحد عند فيثاغورث هو الأول ، الغير قابل للتقسم ، وهو المطلق.</description>
			<pubDate>Wed, 23 Apr 2008 00:00:00 +0000</pubDate>
<category>تطوير المواقع</category>
<category>أفكار</category>

			<comments>http://www.salamm.com/25#comments</comments>
			<dc:creator>salam</dc:creator>

		</item>
		
		<item>
			<title>زحمة و تشويش</title>
			<link>http://www.salamm.com/25</link>
			<description>أعاني من ازدحام شديد في رأسي ، الكثير من التفكير و القليل من الإنجاز !&lt;br /&gt;
&lt;br /&gt;
أعتقد أن لكل إنسان حد معين من الواجبات (الأعمال الصالحة بالأصح) عليه أن ينجزها في حياته الحالية، تأنيب الضمير ، الندم ، الحزن ... ليست ضرورية دائما ، المحيط مختلف من شخص لآخر ، ربما ليس من الضروري أن يتم اسقاط التجارب أو مقاربة الأحداث ، حتى تلك الأعمال التي تبدو صالحة أو فيها تقرب من الله تبدو أحيانا بلا معنى ، المنطق و التفكير المستقيم أهم من بعض العادات ، رأي الدهماء غير مهم، حتى سماعه غير مهم.&lt;br /&gt;
&lt;br /&gt;
حتى أشد الأفكار تناقضا تبدو ،في بعض الأحيان، متقاربة أكثر من تلك الأفكار الحيادية أو الوسطى، الحق أحق بأن يتّبع.&lt;br /&gt;
&lt;br /&gt;
يجب أن يكون المرء نزيها حتّى الصرامة في الأمور الرّوحية &lt;sup&gt;&lt;a href=&quot;#f1&quot; name=&quot;tf1&quot;&gt;[1]&lt;/a&gt;&lt;/sup&gt; ربما غاية الوجود هي معرفة الحقائق ، في كل مرحلة حياتية ، في كل مستوى ، الوصول للحد المطلوب من التذكر للماضي في هذه المرحلة ، وقتها تنتهي أسباب التواجد ، حتى في الألعاب و المسابقات يجب اجتياز اللعبة مرحلة فمرحلة ، ربما هناك تمثيل في ذلك لما هو أعلى ، الصناعات تحاكي بعضها لكنها تختلف شديدا من صانع لآخر بكل حال.&lt;br /&gt;
&lt;br /&gt;
من غير المهم أن تحفظ ، أن ترائي ، أن تشعر بسعادات زائفة ، الأهم أن تتذكر فكرة تجعلك ترتقي، فكرة قديمة جديدة تحرك شيئا ما في القاع ، ليس بالضرورة أن تعرف ما الذي تحرك ، المهم هو أنه تحرك.&lt;br /&gt;
&lt;br /&gt;
-----------&lt;br /&gt;
&lt;sup&gt;&lt;a href=&quot;#tf1&quot; name=&quot;f1&quot; &gt;[1]&lt;/a&gt;&lt;/sup&gt; فريدريك نيتشه ( مقدمة كتاب عدو المسيح ).</description>
			<pubDate>Tue, 08 Apr 2008 00:00:00 +0000</pubDate>
<category>تطوير المواقع</category>
<category>أفكار</category>

			<comments>http://www.salamm.com/25#comments</comments>
			<dc:creator>salam</dc:creator>

		</item>
		
		<item>
			<title>مقتطفات 2</title>
			<link>http://www.salamm.com/25</link>
			<description>&lt;b&gt;هواية معتز&lt;/b&gt;&lt;sup&gt;[1]&lt;/sup&gt;&lt;br /&gt;
&lt;br /&gt;
لطالما كان معتز صديق ميرزا يحلم بشراء كاميرا تصوير و ها هو الآن يحقق حلمه و يشتري الكاميرا بعد أن جمع ثمنها.&lt;br /&gt;
كان يعتقد ميرزا و أصدقاء معتز الآخرين و أهله أيضا بأنه يهوى التصوير و الآن سوف يصوّر كل شيء ، الطبيعة الجميلة في قريتهم ، و ربما سيصعد إلى جبل رؤى و يصور القرية من الأعلى ، لم يخطر ببال أحدهم أن معتز سوف لن يصوّر إلا أوراق الموت !&lt;br /&gt;
نعم فمنذ أن اشترى الكاميرا و هو يقف وراء أوراق الموت ( النعوات ) و يصورها ، إنه يشعر بسعادة غريبة عندما يجد ورقة تحمل اسم ميّت جديد ، فيصورها مبتهجا.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;كثير الأدب&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
وصفني أحد أصدقائي ، و بالأصح انتقدني، بأني كثير الأدب ! &lt;br /&gt;
المشكلة أننا في زمن يغلب عليه قلة الأخلاق و الأدب ، كنت دائما أتساءل منذ أن كنت في المدرسة ، لماذا لا يوجد مادة في المناهج المدرسية تسمى الأخلاق ؟ البعض ينسى ما تعلمه في الماضي و تكون المعرفة لديه عميقة جدا في ذاكرته لدرجة أنه لا يستطيع استرجاعها ، كم أتمنى أن يكون هناك في مناهجنا مواد تذكرنا بالفضيلة.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;المدونات و المدونين&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
في كل مرة أزور مدونة و أقرأ التعليقات أجد أن جميع المعلقين مدونين أيضا ! أحيانا قليلة أجد أحدهم ليس مدوّن ، هل لا يزور المدونات إلا المدونين ؟&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;مرض&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
هذه السنة لم أتعرض للمرض كما يحدث في كل سنة ، ربما آثامي أكبر من أن يمحيها المرض العابر.&lt;br /&gt;
القناعة بأن ما يحصل خير ، القناعة بمقولة لو علمتم الغيب لتمنيتم الحاضر شيء رائع ، الله كريم عندما يكتشف&lt;sup&gt;[2]&lt;/sup&gt; المرء هذه الحقيقة تقل مدّة الحزن على ما يبدو محزنا.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;إعلان&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
يمنع الطلاب من استخدام الفلاش ميموري و الأقراص المضغوطة CD و الأقراص المرنة في المخبر تحت طائلة الحرمان من العملي !&lt;br /&gt;
هذا إعلان ملصق على باب أحد المخابر في الكلية عندنا ، تعجب معي !! &lt;img src=&quot;http://www.salamm.com/images/smiles/13.gif&quot; alt=&quot;&quot; style=&quot;vertical-align: middle;&quot; /&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;برامج محمولة مجانية&lt;/b&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: left;direction:ltr;&quot;&gt;
&lt;a href=&quot;http://www.portablefreeware.com/&quot; title=&quot; The Portable Freeware&quot;&gt;The Portable Freeware&lt;/a&gt;&lt;br /&gt;
&lt;a href=&quot;http://portableapps.com/apps&quot; title=&quot;Portable Apps&quot;&gt;Portable Apps&lt;/a&gt;&lt;br /&gt;
&lt;/div&gt;&lt;br /&gt;
-------------&lt;br /&gt;
[1]  من رواية الابن الضال.&lt;br /&gt;
[2] هناك فرق بين التسليم بحقيقة ما و ما بين اكتشافها (حتى لو كانت مكتشفة من قبل الآخرين من قبل).  </description>
			<pubDate>Sat, 29 Mar 2008 00:00:00 +0000</pubDate>
<category>تطوير المواقع</category>
<category>أفكار</category>

			<comments>http://www.salamm.com/25#comments</comments>
			<dc:creator>salam</dc:creator>

		</item>
		
		<item>
			<title>الخطوات المرحلية لتطوير المواقع</title>
			<link>http://www.salamm.com/25</link>
			<description>من خلال تجربتي أود أن أكتبي عن الخطوات المرحلية أو المتصاعدة في التعلم الذاتي من أجل تطوير المواقع.&lt;br /&gt;
&lt;br /&gt;
1 - تعلم كيف تنشئ صفحة HTML بواسطة برنامج مثل فرونت بيج أو Nvu أو دريم ويفر أو أي برنامج مشابه (كبداية) ، لا تستمر بذلك ، تعلم فقط كيف تصمم صفحة بواسطة هذه البرامج أو صمم موقع بسيط بواسطة HTML فقط ، حاول أن تطلع على الكود أحيانا مثلا و أن تعدل فيه.&lt;br /&gt;
&lt;br /&gt;
2 - ابدأ بتعلم HTML و هناك الكثير من المواقع التي تحوي دورات تعليمية للـ HTML و بوقت متزامن تعلم مبادئ CSS.&lt;br /&gt;
&lt;br /&gt;
3 - انتقل إلى XHTML و CSS حاول تقليل الكود ، قلل قدر الإمكان استخدام الجداول، تحقق من صحة صفحتك بواسطة XHTML Validator و هو متوفر في موقع w3.org أيضا تحقق من صحة ملف الـ CSS .&lt;br /&gt;
&lt;br /&gt;
4 - ابدأ بتعلم لغة برمجة خاصة بتطوير المواقع مثل PHP أو ASP أو Python ، لعل PHP حاليا الأكثر شهرة و هي مجانية و مفتوحة المصدر و بالتالي فهناك كم هائل من البرمجيات مفتوحة المصدر المكتوبة بلغة PHP ، أنصحك أيضا بتعلم Python فهي لغة لها مستقبل كما أتوقع ، أو Ruby.&lt;br /&gt;
&lt;br /&gt;
5 - تعلم بشكل بسيط JavaScript القياسية ، حاول أن تتعلمها من مراجع تراعي جميع المتصفحات فلا تتعلم مرجع يتحدث فقط عن JS، تعتبر ECMA الأكثر قياسية.&lt;br /&gt;
&lt;br /&gt;
6 - طور نفسك في PHP (فيما لو كنت بدأت بها) ادرس مواضيع متقدمة مثل OOP و API و Security ، حاول أن تفهم برمجيات مفتوحة المصدر و أن تقوم بتطويرها.&lt;br /&gt;
&lt;br /&gt;
7 - تعلم المزيد عن جافا سكريبت ، ادرس مواضيع متقدمة ، و ابدأ بتعلم XML ، حاول أن تنشئ مستندات XML و أن تعرضها بواسطة CSS و في مرحلة مستقبلية بواسطة XSLT ، أنشئ لغة خاصة بك بواسطة XML حاول أن تبني لها ملف إعراب parser بواسطة DTD أو XSD ، أيضا تعلم الرسم ولو بشكل بسيط بواسطة SVG .&lt;br /&gt;
&lt;br /&gt;
8 - اهتم بشكل كبير بالأمان Security ( أمن الموقع أهم شيء فيه ) ، تعلم كيف تتعامل مع ملفات XML بواسطة الـPHP مثالا على ذلك حوّل قاعدة بيانات SQL إلى XML و العكس ، صمم قارئ RSS أو ATOM مثلا.&lt;br /&gt;
&lt;br /&gt;
9 - ابدأ بالـ Ajax و مواضيع أخرى مثل أساليب مصادقة محركات البحث مثل الروابط النظيفة Clean URLs و تعلم عن ملف robots.txt و خريطة الموقع sitemap.xml و ابحث عن قدرات .htaccess&lt;br /&gt;
&lt;br /&gt;
10 - أنشئ تطبيقات ديناميكية و استخدم فيها خبراتك في  جافا سكريبت و XML بمعنى استخدام Ajax.&lt;br /&gt;
&lt;br /&gt;
11 - تعرف على مكتبات للجافا سكريبت مثل prototype.js  و rico.js و غيرها.&lt;br /&gt;
&lt;br /&gt;
12 - أعد تقييم الكود ، في كل مرة تكتب فيها يجب أن تكون قادرا على اختصاره ، و على أن يكون أكثر قوة ، لا تجعل في تطبيقاتك ثغرات ، اختبر كل شيء ، أنشئ مكتباتك الخاصة بمختلف المجالات.&lt;br /&gt;
&lt;br /&gt;
13 - حاول إعداد تطبيق يحوي فكرة جديدة و استخدم فيه تقنيات حديثة ، اجعله آمنا ، و انشره كمنتج مفتوح المصدر ، حاول أن تكون من فريق التطوير لأحد المنتجات المفتوحة المصدر العالمية.&lt;br /&gt;
&lt;br /&gt;
14 - أنشئ مدونتك الخاصة (إن لم يكن عندك) اكتب عن تجاربك ، الأخطاء التي مررت بها و كيف تجنبتها، اكتب عن التقنيات الحديثة، شارك أفكارك القيّمة مع الآخرين.&lt;br /&gt;
&lt;br /&gt;
---&lt;br /&gt;
يبدو أني أطلت بالحكي ، بالنسبة لموضوع XHTML و CSS لا تزال شركات كبيرة تصمم مواقع باستخدام فرونت بيج ، عملت مرة مع شركة و كانت مهمتي هي تحويل القوالب من طويلة منشأة بواسطة فرونت بيج إلى صفحات نظيفة ، أحد المواقع اختصرت الصفحة من 400 سطر إلى 47 سطر !&lt;br /&gt;
هالأفكار و المراحل من وجهة نظري و من تجربتي ، قد يكون للآخرين وجهة نظر مختلفة من حيث أن بعض الأمور غير مهمة مثل SVG أو تقليل الجداول أو أي شيء آخر ، و يبقى لكل رأيه.&lt;br /&gt;
&lt;br /&gt;
ملاحظة : لم أضع روابط لمواقع تخص كل موضوع من المواضسيع السابقة لأنه يمكن البحث بسهولة و ربما ما أراه مناسبا قد تراه غير مناسب ، لكن الأفضل التعلم من المصدر ( الأصل !!!).&lt;br /&gt;
&lt;br /&gt;
 &lt;img src=&quot;http://www.salamm.com/images/smiles/26.gif&quot; alt=&quot;&quot; style=&quot;vertical-align: middle;&quot; /&gt; </description>
			<pubDate>Fri, 28 Mar 2008 00:00:00 +0000</pubDate>
<category>تطوير المواقع</category>
<category>أفكار</category>

			<comments>http://www.salamm.com/25#comments</comments>
			<dc:creator>salam</dc:creator>

		</item>
		
		<item>
			<title>مقتطف من رواية الابن الضال</title>
			<link>http://www.salamm.com/25</link>
			<description>في رواية &quot;الابن الضال&quot;&lt;sup&gt;[1]&lt;/sup&gt; يقف ميرزا مع والده على صخرة كبيرة في جبل &quot;رؤى&quot;.&lt;br /&gt;
&lt;br /&gt;
الوالد : بني ميرزا ، هل ترى منزلنا هناك ؟&lt;br /&gt;
ميرزا : نعم والدي إني أراه و أرى بقربه شجرة الجوز التي ألعب تحتها دائما.&lt;br /&gt;
الوالد : أحسنت يا بني.&lt;br /&gt;
ميرزا : والدي ، لماذا يبدو منزلنا صغيرا ؟ عندما أعود من المدرسة و أقترب منه أجده كبيرا جدا ليس كما أراه الآن !&lt;br /&gt;
الوالد : ذلك لأننا نقف في مكان مرتفع عنه يا ولدي ، إن الأشياء تبدو صغيرة عندما ننظر إليها من الأعلى.&lt;br /&gt;
هيا يا ولدي لقد حان وقت عودتنا للمنزل فقد أوشكنا أن ندرك الظلام !&lt;br /&gt;
يمسك ميرزا بيد والده لينزلا عن الصخرة ، ينظر ميرزا للصخرة بعد أن نزلا عنها ، و يرى القمر في السماء مكتملا ناصعا.&lt;br /&gt;
ميرزا : والدي والدي ، انظر إن القمر يبدو قريبا من هنا.&lt;br /&gt;
الوالد : نعم يا بني ، إنه كذلك.&lt;br /&gt;
ميرزا : إنه يبدو كبيرا جدا ، هل يرانا القمر صغارا لأنه أعلى منا ؟&lt;br /&gt;
الوالد : (يصمت والد ميرزا قليلا لأنه لا يعرف بما يجيب) بني إن القمر بعيد جدا ولا يعرف ماهيته أحد.&lt;br /&gt;
ميرزا : هل كل الأشياء تبدو صغيرة عندما ننظر إليها من الأسفل أيضا يا والدي ؟&lt;br /&gt;
الوالد : بني ميرزا ، تبدو الأشياء صغيرة عندما ننظر إليها من الأعلى و تبدو صغيرة أيضا عندما ننظر إليها من الأدنى و لكن الفرق كبير يا بني.&lt;br /&gt;
&lt;br /&gt;
----------------&lt;br /&gt;
[1] :  &quot;الابن الضال&quot; ، رواية خيالية لم أكتبها و لن أكتبها خيالية بكل ما فيها من شخصيات و أماكن و تسميات ، أسقط فيها بعض الأفكار.&lt;br /&gt;
ليس لدي موهبة الأدباء و لا أستطيع كتابة القصص ، مجرد مبعثرات و خربشات ! &lt;img src=&quot;http://www.salamm.com/images/smiles/37.gif&quot; alt=&quot;&quot; style=&quot;vertical-align: middle;&quot; /&gt; </description>
			<pubDate>Fri, 14 Mar 2008 00:00:00 +0000</pubDate>
<category>تطوير المواقع</category>
<category>أفكار</category>

			<comments>http://www.salamm.com/25#comments</comments>
			<dc:creator>salam</dc:creator>

		</item>
		
		<item>
			<title>حركة Javascript ! لا حدا يضحك</title>
			<link>http://www.salamm.com/25</link>
			<description>حقيقة معرفتي في الـ Javascript ضعيفة و لكني اليوم كان عليّ أن أقوم بحركة معينة تتم بواسطة جافا سكريبت، كان عليّ أن أعرض مربع منبثق عند الضغط على شيء ما ، إضافة لوجود مؤثرات معينة ، صحيح أن هناك الكثير من المكتبات مفتوحة المصدر الخاصة التي تحوي الكثير من التوابع الجاهزة التي تعطي مؤثرات رائعة مثل &lt;a href=&quot;http://www.prototypejs.org/&quot; title=&quot;prototype&quot;&gt;prototype&lt;/a&gt; و غيرها و لكني أحاول أن أقوم بخربشات كما افهمها كما قمت بالـ Tag Cloud الموجودة في القائمة على اليمين و سأتكلم عنها لاحقا. &lt;br /&gt;
المهم ما كان علي فعله بسيط لذلك حاولت أن أفعل شيئا ولو كان متخلفا لكن أحب التجارب  &lt;img src=&quot;http://www.salamm.com/images/smiles/10.gif&quot; alt=&quot;&quot; style=&quot;vertical-align: middle;&quot; /&gt; &lt;br /&gt;&lt;br /&gt;

- هذا ما توصلت إليه &lt;a href=&quot;#&quot; onclick=&quot;zoomIn('pop'); return false;&quot;&gt;اضغط هنا&lt;/a&gt;
&lt;div id=&quot;pop&quot; style=&quot;margin: 100px auto;display:none;padding:10px;overflow:auto;border:2px solid #AEAEAE;background-color:#FFF;top:100px;position: absolute;&quot;&gt;&lt;a href=&quot;#&quot; onclick=&quot;zoomOut('pop'); return false;&quot;&gt;إغلاق&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;code&quot;&gt;&lt;br /&gt;
min = 0;&lt;br /&gt;&lt;br /&gt;
function zoomIn(id){&lt;br /&gt;
	document.getElementById(id).style.display = 'block';&lt;br /&gt;
	document.getElementById(id).style.width = min*2 + 'px';&lt;br /&gt;
	document.getElementById(id).style.height = min + 'px';&lt;br /&gt;
	document.getElementById(id).style.marginRight = parseInt(min/8) + 'px';&lt;br /&gt;
	document.getElementById(id).style.top = parseInt(document.getElementById(id).style.top) - 10 + 'px';&lt;br /&gt;
	window.setTimeout(&quot;reZoomIn()&quot;,1);&lt;br /&gt;&lt;br /&gt;
}&lt;br /&gt;
function reZoomIn(){&lt;br /&gt;
	min = min + 10;&lt;br /&gt;
	if(min&lt;250)	zoomIn('pop');&lt;br /&gt;
}&lt;br /&gt;
function zoomOut(id){&lt;br /&gt;
	&lt;br /&gt;
	document.getElementById(id).style.width = min*2 + 'px';&lt;br /&gt;
	document.getElementById(id).style.height = min + 'px';&lt;br /&gt;
	document.getElementById(id).style.marginRight = parseInt(min/8) + 'px';&lt;br /&gt;
	document.getElementById(id).style.top = parseInt(document.getElementById(id).style.top) + 10 + 'px';&lt;br /&gt;
	window.setTimeout(&quot;reZoomOut()&quot;,1);&lt;br /&gt;
}&lt;br /&gt;
function reZoomOut(){&lt;br /&gt;
	min = min - 10;&lt;br /&gt;
	if(min&gt;0) {&lt;br /&gt;
		zoomOut('pop');&lt;br /&gt;
	}else{&lt;br /&gt;
	document.getElementById('pop').style.display = 'none';&lt;br /&gt;
	}&lt;br /&gt;
}&lt;br /&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;br /&gt;
 &lt;img src=&quot;http://www.salamm.com/images/smiles/4.gif&quot; alt=&quot;&quot; style=&quot;vertical-align: middle;&quot; /&gt;  &lt;img src=&quot;http://www.salamm.com/images/smiles/4.gif&quot; alt=&quot;&quot; style=&quot;vertical-align: middle;&quot; /&gt;  &lt;img src=&quot;http://www.salamm.com/images/smiles/4.gif&quot; alt=&quot;&quot; style=&quot;vertical-align: middle;&quot; /&gt; &lt;br /&gt;&lt;br /&gt;
 &lt;img src=&quot;http://www.salamm.com/images/smiles/26.gif&quot; alt=&quot;&quot; style=&quot;vertical-align: middle;&quot; /&gt; صحيح أن ذلك بسيط و ربما يحوي أخطاء  &lt;img src=&quot;http://www.salamm.com/images/smiles/32.gif&quot; alt=&quot;&quot; style=&quot;vertical-align: middle;&quot; /&gt; و لكن لا بأس في التعلم.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;ملاحظة&lt;/b&gt; : قم بعرض المصدر لهذه الصفحة ستجد أنه بإمكاني إضافة Javascript في الـ head عندما أقوم بإضافة موضوع ، كم هذا ممتع  &lt;img src=&quot;http://www.salamm.com/images/smiles/10.gif&quot; alt=&quot;&quot; style=&quot;vertical-align: middle;&quot; /&gt; </description>
			<pubDate>Sun, 02 Mar 2008 00:00:00 +0000</pubDate>
<category>تطوير المواقع</category>
<category>أفكار</category>

			<comments>http://www.salamm.com/25#comments</comments>
			<dc:creator>salam</dc:creator>

		</item>
		
	</channel>
	</rss>