<?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>المُعاصر &#187; html</title> <atom:link href="http://www.mo3aser.com/blog/category/html/feed/" rel="self" type="application/rss+xml" /><link>http://www.mo3aser.com</link> <description>مدونة تتناول بشكل رئيسي تصميم و تطوير المواقع و المجتمعات الالكترونية و مصادر مفيدة المصممين و المطورين .. ومواضيع أخرى !</description> <lastBuildDate>Tue, 10 Jan 2012 13:05:42 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency><meta
name="generator" content="TieVideos " /><item><title>حاول أن تعرف #2</title><link>http://www.mo3aser.com/blog/%d8%ad%d8%a7%d9%88%d9%84-%d8%a3%d9%86-%d8%aa%d8%b9%d8%b1%d9%81-2/</link> <comments>http://www.mo3aser.com/blog/%d8%ad%d8%a7%d9%88%d9%84-%d8%a3%d9%86-%d8%aa%d8%b9%d8%b1%d9%81-2/#comments</comments> <pubDate>Sat, 01 Oct 2011 11:58:18 +0000</pubDate> <dc:creator>المُعاصر</dc:creator> <category><![CDATA[html]]></category> <category><![CDATA[javascript]]></category> <category><![CDATA[الريشة الرقمية]]></category> <category><![CDATA[المصادر المفتوحه]]></category> <category><![CDATA[تحديثات و أخبار]]></category> <category><![CDATA[عام]]></category><guid
isPermaLink="false">http://www.mo3aser.com/?p=2092</guid> <description><![CDATA[]]></description> <content:encoded><![CDATA[<p><img
class="aligncenter size-full wp-image-2093" style="border: 0 none;" title="112233" src="http://www.mo3aser.com/wp-content/uploads/2011/10/112233.png" alt="" width="320" height="302" /></p> ]]></content:encoded> <wfw:commentRss>http://www.mo3aser.com/blog/%d8%ad%d8%a7%d9%88%d9%84-%d8%a3%d9%86-%d8%aa%d8%b9%d8%b1%d9%81-2/feed/</wfw:commentRss> <slash:comments>20</slash:comments> </item> <item><title>الكود القياسي لاضافة مقاطع YouTube</title><link>http://www.mo3aser.com/blog/valid-xhtml-for-youtube-videos/</link> <comments>http://www.mo3aser.com/blog/valid-xhtml-for-youtube-videos/#comments</comments> <pubDate>Thu, 11 Dec 2008 18:05:08 +0000</pubDate> <dc:creator>المُعاصر</dc:creator> <category><![CDATA[html]]></category> <category><![CDATA[ويب]]></category> <category><![CDATA[vedio]]></category> <category><![CDATA[xhtml]]></category> <category><![CDATA[youtube]]></category> <category><![CDATA[المعايير القياسية]]></category> <category><![CDATA[فيديو]]></category> <category><![CDATA[يوتيوب]]></category><guid
isPermaLink="false">http://www.mo3aser.com/?p=218</guid> <description><![CDATA[كثيرا ما نحتاج لاضافة مقاطع فيديو في مواضيعنا .. ولكن الكود العادي لاضافة مقاطع الفيديو غير مطابق لمعايير xhtml &#8230; كالكود الذي يوفره موقع YouTube لاضافة مقطع الفيديو و الذي يكون على الشكل التالي : &#60;object width=&#34;425&#34; height=&#34;344&#34;&#62;&#60;param name=&#34;movie&#34; value=&#34;http://www.youtube.com/vedio-url&#34;&#62;&#60;/param&#62;&#60;param name=&#34;allowFullScreen&#34; value=&#34;true&#34;&#62;&#60;/param&#62;&#60;embed src=&#34;http://www.youtube.com/vedio-url&#34; type=&#34;application/x-shockwave-flash&#34; allowfullscreen=&#34;true&#34; width=&#34;425&#34; height=&#34;344&#34;&#62;&#60;/embed&#62;&#60;/object&#62; الكود السابق غير مطابق لمعايير xhtml و يمكن [...]]]></description> <content:encoded><![CDATA[<p><img
class="size-full wp-image-406 alignleft" title="youtube" src="http://www.mo3aser.com/wp-content/uploads/2008/12/youtube.gif" alt="youtube" width="225" height="90" />كثيرا ما نحتاج لاضافة مقاطع فيديو في مواضيعنا .. ولكن الكود العادي لاضافة مقاطع الفيديو غير مطابق لمعايير xhtml &#8230; كالكود الذي يوفره موقع <a
href="http://www.youtube.com/" target="_blank">YouTube </a>لاضافة مقطع الفيديو و الذي يكون على الشكل التالي :</p><div
class="wp_syntax"><div
class="code"><pre class="html4strict html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">object</span> <span style="color: #000066;">width</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;425&quot;</span> <span style="color: #000066;">height</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;344&quot;</span>&gt;&lt;<span style="color: #000000; font-weight: bold;">param</span> <span style="color: #000066;">name</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;movie&quot;</span> <span style="color: #000066;">value</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;http://www.youtube.com/vedio-url&quot;</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">param</span>&gt;&lt;<span style="color: #000000; font-weight: bold;">param</span> <span style="color: #000066;">name</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;allowFullScreen&quot;</span> <span style="color: #000066;">value</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;true&quot;</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">param</span>&gt;&lt;embed <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;http://www.youtube.com/vedio-url&quot;</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;application/x-shockwave-flash&quot;</span> allowfullscreen<span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">width</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;425&quot;</span> <span style="color: #000066;">height</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;344&quot;</span>&gt;&lt;<span style="color: #66cc66;">/</span>embed&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">object</span>&gt;</span></pre></div></div><p>الكود السابق غير مطابق لمعايير xhtml  و يمكن استخدام الكود التالي بدلا منه حيث انه مطابق لمعايير xhtml :</p><div
class="wp_syntax"><div
class="code"><pre class="html4strict html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">object</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;application/x-shockwave-flash&quot;</span> <span style="color: #000066;">style</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;width:425px; height:344px;&quot;</span> <span style="color: #000066;">data</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;http://www.youtube.com/vedio-url&quot;</span>&gt;&lt;<span style="color: #000000; font-weight: bold;">param</span> <span style="color: #000066;">name</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;movie&quot;</span> <span style="color: #000066;">value</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;http://www.youtube.com/vedio-url&quot;</span> <span style="color: #66cc66;">/</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">object</span>&gt;</span></pre></div></div><p>او يمكنك استخدام <a
href="http://www.tools4noobs.com/online_tools/youtube_xhtml/" target="_blank">هذه الأداة </a>و التي تقوم بتحويل الكود الغير قياسي الى الكود القياسي .</p><p><span
id="more-218"></span></p><hr
/><p>اترككم الان مع هذا الفيديو الرائع و الذي لم تؤثر اضافته على <a
href="http://validator.w3.org/check?verbose=1&#038;uri=http%3A%2F%2Fwww.mo3aser.com%2Fblog%2Fvalid-xhtml-for-youtube-videos%2F">مطابقة الصفحة لمعايير Xhtml </a></p><p><object
type="application/x-shockwave-flash" style="width:480px; height:295px;" data="http://www.youtube.com/v/2WZoWgdiz8Y"><param
name="movie" value="http://www.youtube.com/v/2WZoWgdiz8Y" /></object></p> ]]></content:encoded> <wfw:commentRss>http://www.mo3aser.com/blog/valid-xhtml-for-youtube-videos/feed/</wfw:commentRss> <slash:comments>10</slash:comments> </item> <item><title>3 ادوات لتجريب أكواد Html / CSS اون لاين ..</title><link>http://www.mo3aser.com/blog/live-html-css-editors/</link> <comments>http://www.mo3aser.com/blog/live-html-css-editors/#comments</comments> <pubDate>Fri, 03 Oct 2008 22:13:09 +0000</pubDate> <dc:creator>المُعاصر</dc:creator> <category><![CDATA[css]]></category> <category><![CDATA[html]]></category> <category><![CDATA[ويب]]></category> <category><![CDATA[live editors]]></category> <category><![CDATA[Real-time]]></category> <category><![CDATA[Rendur]]></category> <category><![CDATA[TryIt Editor]]></category> <category><![CDATA[محررات]]></category><guid
isPermaLink="false">http://www.mo3aser.com/?p=272</guid> <description><![CDATA[أثناء بحثي عن محرر Html / CSS يتيح كتابة أكواد Html و CSS وتجربتها مباشرة لاستخدامه لعرض الأمثلة التي ساقوم باذن الله بطرحها في دروس CSS و Html  القادمة و التي ستعتمد على الأمثلة بشكل رئيسي لتوضيح فائدة كل خاصية و عنصر و اتاحة الفرصة للزائر لكي يعدل على الكود و تطبيق تعديلاته و بالتالي [...]]]></description> <content:encoded><![CDATA[<p>أثناء بحثي عن محرر Html / CSS يتيح كتابة أكواد Html و CSS وتجربتها مباشرة لاستخدامه لعرض الأمثلة التي ساقوم باذن الله بطرحها في دروس CSS و Html  القادمة و التي ستعتمد على الأمثلة بشكل رئيسي لتوضيح فائدة كل خاصية و عنصر و اتاحة الفرصة للزائر لكي يعدل على الكود و تطبيق تعديلاته و بالتالي تكون الاستفادة أكبر .. و هذه هي الطريقة المستخدمة في عرض الأمثلة في موقع <a
href="http://www.w3schools.com/" target="_blank">w3cschools </a>&#8230; بعد البحث و الاطلاع على الكثير من الصفحات و جدت عدد من الأدوات تفي بالغرض ولكن للأسف لا تتيح امكانية تحميلها و رفعها على موقعي و استخدامها لعرض أمثلتي &#8230; فأردت مشاركتكم بها إلى أن أجد ضالتي &#8230; <img
src='http://www.mo3aser.com/wp-includes/images/smilies/icon_sad.gif' alt=':(' class='wp-smiley' /></p><p><strong><a
href="http://rendur.com/" target="_blank">Rendur</a></strong><br
/> اداة توفر مربع ادخال قابل للتحريك وتغير الحجم .. قم بكتابة أكوادك وسيتم تطبيقها مباشرة ، ما يميز هذا المحرر هو ان تطبيق الاكواد سيكون في الصفحة كاملة وهذا ما يعطيك فرصة اكبر للمعاينة .</p><p><strong><a
href="http://htmledit.squarefree.com/" target="_blank">Real-time</a></strong><br
/> صفحة الاداة مقسمه الى جزئين قم بكتابة اكوادك في الجزء العلوي من الصفحة وسيتم تطبيقها مباشرة في الجزء السفلي .</p><p><strong><a
href="http://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic" target="_blank">TryIt Editor</a></strong><br
/> هذه الاداة هي المستخدمة في موقع <a
href="http://www.w3schools.com/">w3cschools </a>.. ما يعيب هذه الاداه صغر المساحة الخاصة بتطبيق الأكواد كما أن الأكواد لا يتم تطبيقها فور كتابتها ولكن عليك الضغط على زر &#8221; Edit the text and click me &#8221; ليتم تطبيقها .</p><p>اذا كان لديك اداة يمكنني استخدامها لعرض الأمثلة فلا تبخل علينا بالمساعدة</p> ]]></content:encoded> <wfw:commentRss>http://www.mo3aser.com/blog/live-html-css-editors/feed/</wfw:commentRss> <slash:comments>14</slash:comments> </item> </channel> </rss>
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk
Page Caching using disk (enhanced)
Database Caching 1/15 queries in 0.007 seconds using disk
Object Caching 450/478 objects using disk

Served from: www.mo3aser.com @ 2012-02-04 07:02:15 -->
