Skip to content
This repository
Browse code

arabic translation

  • Loading branch information...
commit b5530a12725894f7dd24f85762988620492ffa09 1 parent c6d3db5
Paul Irish authored February 23, 2012
41  ar/ar.css
... ...
@@ -0,0 +1,41 @@
  1
+body {
  2
+        text-align: right;
  3
+        direction: rtl;
  4
+}
  5
+.hed-lead {
  6
+    background: url(img/rtl-webasaurs.gif) center 0 no-repeat;
  7
+}
  8
+.hed {
  9
+        float: right;
  10
+}
  11
+/* inverse the direction of some block */
  12
+.inverse_dir{
  13
+        direction:ltr;
  14
+}
  15
+.inverse_align{
  16
+        text-align:left;
  17
+}
  18
+.task li:before,
  19
+.resources > li:before {
  20
+    float: right;
  21
+    padding: .1em 0 0 .6em;
  22
+}
  23
+nav li {
  24
+        padding: 0 10px 0 0;
  25
+        width: 285px;
  26
+}
  27
+nav a:hover, nav a:focus, nav a.active {
  28
+        outline:none;
  29
+}
  30
+  .col-a {
  31
+                float: right;
  32
+        }
  33
+  .col-b {
  34
+                float: left;
  35
+        }
  36
+
  37
+@media screen and (min-width: 800px) {
  38
+        .col-split p {
  39
+                padding: 0 2px 1em 0;
  40
+        }
  41
+}
533  ar/index.html
... ...
@@ -0,0 +1,533 @@
  1
+<!DOCTYPE html public "i ♥ the web">
  2
+<!--[if lt IE 9]>      <html class="no-js oldie no-fontface" lang="en"> <![endif]-->
  3
+<!--[if gt IE 8]><!--> <html class="no-js no-fontface" lang="en">   <!--<![endif]-->
  4
+<head>
  5
+    <meta charset="utf-8">
  6
+    <title>إدفع الويب إلى الأمام | دليلك للمشاركة فى معايير المتصفحات وتطوير الويب.</title>
  7
+    <meta name="description" content="What you can do as a front-end developer">
  8
+    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
  9
+
  10
+    <!-- For iPhone 4 with high-resolution Retina display: -->
  11
+    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x114-precomposed.png">
  12
+    <!-- For first-generation iPad: -->
  13
+    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72x72-precomposed.png">
  14
+    <!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->
  15
+    <link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png">
  16
+
  17
+    <link rel="stylesheet" href="/css/style.css">
  18
+        <link rel="stylesheet" href="ar.css">
  19
+
  20
+    <!-- Should be combined: -->
  21
+    <script src="/js/libs/modernizr.min.js"></script>
  22
+    <script src="/js/controller.js"></script>
  23
+</head>
  24
+
  25
+<body>
  26
+  <b class="gimmick"><i></i><i></i><i></i></b>
  27
+    <header class="col-ab">
  28
+        <div class="lead">
  29
+            <h1 class="hed-lead">إدفع الويب إلى الأمام<span></span></h1>
  30
+            <h2 class="subhed-lead">يمكنك أن تجعل الويب رائع كما تحب أن يكون</h2>
  31
+            <p class="subhed">تحب <a href="http://bit.ly/xuni7z">معايير الويب</a> &ndash;&nbsp;وتريد أن تشارك فى مجتمع الويب. وتريد أن تعرف من أين تبدأ؟ <b>نحن هنا لمساعدتك</b></p>
  32
+        </div>
  33
+        <div class="col-split">
  34
+            <p>سواء كنت مطور مواقع موهوب تبنى مواقع منذ بداية ظهور الويب, أو أنك هاوى تستمتع بتطوير بعض المواقع, فإنك تستجد هنا طرق تمكنك من المشاركة فى مجتمع الويب. فى الأسفل, وضعنا طرق كثيرة تمكنك من المشاركة.  </p>
  35
+            <p>هدفنا أن نجعل من السهل لأى شخص أن يبدأ فى المشاركة فى مجتمع الويب, إما بالمعرفة أكثر حول طريقة عمل الويب, أو أن يتعلم من الأخرين أو يعلمهم. الويب تطور بفضل أشخاصاً مثلك, ونحن نريد أن نجعل من السهل لك أيضا أن تشارك.</p>
  36
+        </div>
  37
+    </header>
  38
+
  39
+    <div id="nav_container">
  40
+      <nav id="toc">
  41
+        <ul>
  42
+          <li><a href=#levelup>إرتقي بمستواك</a></li>
  43
+          <li><a href=#digdeep>تعمق أكثر</a></li>
  44
+          <li><a href=#virtuoso>مبدع</a></li>
  45
+        </ul>
  46
+      </nav>
  47
+    </div>
  48
+
  49
+    <article class="section">
  50
+        <div class="standout" id=levelup>
  51
+            <h1 class="hed">إرتقي بمستواك</h1>
  52
+            <h2 class="subhed">عندما تعمل شئ تكون جيداً فيه. إذاً تعال نغوص فى مجتمع الويب</h2>
  53
+        </div>
  54
+
  55
+
  56
+        <section id="learn" class="col-ab">
  57
+            <div class="col-a">
  58
+              <h1 class="hed">تعلّم</h1>
  59
+              <p>أحد الأشياء الرائعة عن الويب هي انه  يتغير بإستمرار. ولربما كان هذا التغيير شاسع ومن الصعب إدراكه, فنحن هنا لنساعدك على اللحاق بهذه التغيرات وعلى فهمها  - هنا ستجد مصادر كثيرة تساعدك على معرفة كيف تعمل برامج تصفح الأنترنت, وتساعدك على أن تكون على علم دائم بالتطورات والتغيرات التى تحدث فى هذة المتصفحات.</p>
  60
+
  61
+              <h2 id="how_do_i_keep_up_with_what8217s_landing_in_browsers" class="subhed">كيف أكون على علم دائم بالجديد فى هذة المتصفحات؟</h2>
  62
+              <ul>
  63
+                <li><a href="http://updates.html5rocks.com/2011/10/Keeping-up-with-HTML5-and-browser-support">Keeping up with HTML5 and browser support</a><span> - قائمة بمواقع ومصادر ترصد كل تغيير يحدث</span></li>
  64
+                <li><a href="http://peter.sh/">Peter Beverloo&#8217;s Blog</a><span> - تحديثات أسبوعية بكل جديد فى &nbsp; WebKit و Chrome</span></li>
  65
+                <li><a href="http://blog.whatwg.org/">The WHATWG Blog</a><span> - تلخيصات أسبوعية بكل مستجدات معايير الويب</span></li>
  66
+                <li><a href="http://www.w3.org/QA/archive/open_web/">W3C&#8217;s open web</a><span> - تحديثات أسبوعية بكل جديد فى  &nbsp; the Open Web Platform</span></li>
  67
+                <li><a href="http://my.opera.com/ODIN/blog/">Opera Developer News</a><span> - رصد تطورات  &nbsp; Opera's web platform</span>
  68
+                <li><a href="http://updates.html5rocks.com">HTML5 Rocks updates</a><span> - الأخبار الهامة والعاجلة عن HTML5 و Chrome</span>
  69
+                <li><a href="http://hacks.mozilla.org/">Mozilla Hacks</a><span> - تقدم تطبيقات رائعة ونظرة على إمكانيات ال HTML5</span>
  70
+                <li><a href="http://blogs.msdn.com/b/ie/">IE Blog</a><span> - تحديثات المتصفح IE</span>
  71
+              </ul>
  72
+
  73
+                                <div class="inverse_dir">
  74
+              <h3 id="follow_them_on_twitter" class="subhed">تابعهم على تويتر</h3>
  75
+                <p>
  76
+                  من الجيد متابعة الحسابات الأتية </br>
  77
+                                  (Opera developer relations) <a href="http://twitter.com/oDevRel">@oDevRel</a>  </br>
  78
+                                  (Chrome developer relations) <a href="http://twitter.com/ChromiumDev">@ChromiumDev</a> </br>
  79
+                                  (Mozilla's web developer outpost) <a href="http://twitter.com/mozhacks">@mozhacks</a> </br>
  80
+                                  (Internet Explorer Team) <a href="http://twitter.com/ie">@IE</a>
  81
+                </p>
  82
+                                </div>
  83
+              <h2 id="how_do_i_understand_how_browsers_work" class="subhed">كيف أعرف طريقة عمل المتصفح؟</h2>
  84
+
  85
+              <ul>
  86
+                <li><a href="http://www.html5rocks.com/en/tutorials/internals/howbrowserswork/">How Browsers Work: Behind the Scenes of Modern Web Browsers</a> - مقال فى العمق عن كيفية عمل المتصفحات</li>
  87
+                <li><a href="http://ontwik.com/javascript/txjs-2011-a9-alex-russell-life-of-a-button-element/?utm_source=feedburner&utm_medium=twitter&utm_campaign=Feed%3A+Ontwik+%28Ontwik%29">Life of a &lt;button> element -by Alex Russell</a> - فيديو رائع عن كيف تتعامل المتصفحات الحديثة مع ال CSS, وماذا يحدث خلف الستار لتطبيق ال  CSS</li>
  88
+              </ul>
  89
+
  90
+              <h2 id="other_learning_resources" class="subhed">مصادر تعليمية أخرى</h2>
  91
+
  92
+              <ul>
  93
+                <li><a href="http://css-tricks.com">CSS-tricks</a><span> -  مدونة تقدم لمصممين المواقع مقالات رائعة ودروس ومواد للتحميل</span></li>
  94
+                <li><a href="http://html5doctor.com">HTML5doctor</a><span> - مصدر رائع لمن يريد تعلم ال HTML5, وطريقة عملها, وطريقة تطبيقها اليوم.</span></li>
  95
+                <li><a href="http://diveintohtml5.info/">Dive into HTML5</a><span> - تقدم نظرة عميقة على بعض إمكانيات ال HTML5</span></li>
  96
+                <li><a href="http://addyosmani.com/blog/">Addy Osmani&#8217;s blog</a><span> - عدد هائل من المقلات للذين يريدون تعلم jQuery, JavaScript, HTML5, CSS3.</span></li>
  97
+                <li><a href="http://paulirish.com">Paul Irish&#8217;s blog</a><span> - مدونة مهمة تساعدك على تطوير مواقع رائعة – وتأتيك بكل جديد عن تقنيات تطوير المواقع. </span></li>
  98
+                <li><a href="http://dev.opera.com">Dev.Opera</a><span> - مقالات تعليم إمكانيات ال HTML5</span></li>
  99
+                <li><a href="http://paulirish.com/2011/web-browser-frontend-and-standards-feeds-to-follow/">مصادر مهمة متنوعة عن متصفحات الويب ومعايير الويب</a> </li>
  100
+                <li><a href="http://yuilibrary.com/theater/">YUI Theater</a><span> - فيديوهات عن تقنيات الويب ألقيت فى شركة ياهو على مدار السنين</span></li>
  101
+                <li><a href="http://www.adobe.com/devnet/html5.html">Adobe Developer Connection</a><span> - مقالات وفيديوهات لتعلم HTML5 و CSS3 و mobile development.</span></li>
  102
+              </ul>
  103
+
  104
+              <h2 id="reference_docs_wikis" class="subhed">مراجع وموسوعات</h2>
  105
+
  106
+              <ul>
  107
+                <li><a href="https://developer.mozilla.org/en-US/">Mozilla&#8217;s MDN )Mozilla Developer Network)</a> - مستندات و مراجع  رائعة ولا غنى عنها عن HTML, CSS, JavaScript, DOM, وأشياء أخرى. وهو أيضا مكان جيد للمشاركة - و يمكنك معرفة  <a href="https://developer.mozilla.org/Project:en/How_to_Help">كيف تساهم</a> وتعلم <a href="https://developer.mozilla.org/Project:en/Getting_started">كيف تبدأ</a>.</li>
  108
+                <li><a href="http://dochub.io/">dochub.io</a> -  مرجع سريع لكل من &nbsp;  Mozilla&#8217;s MDN-docs و HTML و CSS و JavaScript و DOM.</li>
  109
+                <li><a href="https://developer.mozilla.org/Writing_Forward_Compatible_Websites">Forward-compatible websites</a> - قائمة بأفضل الممارسات فى تطوير المواقع والتى ستعمل دائما حتى مع تغييرات متصفحات الويب.</li>
  110
+                <li><a href="http://html5please.us/">HTML5 Please - Use new and shiny responsibly</a> - موسوعة لتقنيات ال HTML5 , ويمكنك البحث عن تقنية معينة ومعرفة هل تستخدمها ام لا ومتى تستخدمها.</li>
  111
+              </ul>
  112
+          </div>
  113
+          <div class="col-b">
  114
+            <section class="getinvolved">
  115
+              <h2 class="subhed">إكتساب الخبرة؟</h2>
  116
+              <div class="task" data-hashtag="#learn">
  117
+                  <p>كل ما فى الأمر هو قراءة بعض المقالات والتغريدات لتكتسب الخبرة, ثق بنا حيثما بدأت ستجد أن الأمر يصبح أسهل.</p>
  118
+                  <a href="#" class="pledge">نعم, أريد البدء</a>
  119
+                  <div class="pledges"><p>هؤلاء بعض من قرروا البدء أيضا:</p></div>
  120
+              </div>
  121
+            </section>
  122
+          </div>
  123
+          </section>
  124
+
  125
+        <section id="meetups" class="col-ab">
  126
+          <div class="col-a">
  127
+            <h1 class="hed">قابل مطورون أخرون</h1>
  128
+            <p>حضور المقابلات والمؤتمرات المحلية فرصة جيدة لمقابلة المطوريين الأخرين ولمشاركة الأفكار والخبرات معهم,
  129
+                        مواقع مثل
  130
+                        <a href="http://wusu.me/">WhatIsUpStartups</a>
  131
+                        ستساعدك فى معرفة الأحداث والمؤتمرات القريبة منك.</p>
  132
+          </div>
  133
+        </section>
  134
+        <section id="askhelp" class="col-ab">
  135
+          <div class="col-a">
  136
+            <h1 class="hed">أطلب المساعدة</h1>
  137
+            <h2 id="answer_questions_and_participate_in_conversations_on_irc" class="subhed">إسأل وجاوب على الأسئلة وشارك فى المحادثات على ال
  138
+                        <a href="http://bit.ly/zsq18Z">IRC</a></h2>
  139
+            <p><a href="http://richard.esplins.org/siwi/2011/07/08/getting-started-freenode-irc/">كيف تبدأ مع ال irc و موقع freenode</a></p>
  140
+            <ul>
  141
+              <li><b>قنوات او غرف IRC هامة على موقع <a href="http://webchat.freenode.net">irc.freenode.net</a>:</b> </br>
  142
+                          <p class="inverse_dir">#html5 / #css / #javascript / #whatwg / #jquery / #yui / #dojo / #bbg </p></li>
  143
+               <li id="mozilla_irc">وقناة  js#  على  <a href="http://irc.mozilla.org">irc.mozilla.org</a></li>
  144
+            </ul>
  145
+
  146
+            <h2 id="how_to_ask_for_help" class="subhed">كيف تطلب المساعدة</h2>
  147
+            <ol class="tasks">
  148
+              <li>من الأفضل , بل يجب أن <a href="http://css-tricks.com/13414-seriously-just-make-a-jsfiddle/">تقوم بعمل jsfiddle </a>أولاً.</li>
  149
+              <li><a href="http://css-tricks.com/6263-reduced-test-cases/">قلل مساحة البحث عن المشكلة</a>.</li>
  150
+              <li>تذكر: كن دقيقاً</li>
  151
+              <li>إسأل على IRC أو  <a href="http://stackoverflow.com"> StackOverflow </a> و <a href="http://chat.stackoverflow.com/rooms/17/javascript">ساحة المحادثات الخاصة به</a> أو أصدقائك.
  152
+            </ol>
  153
+          </div>
  154
+
  155
+          <div class="col-b">
  156
+                <section class="getinvolved">
  157
+              <h2 class="subhed">يد المساعدة</h2>
  158
+              <div class="task" data-hashtag="#ask4help">
  159
+                <p>كلنا وصلنا إلى ما وصلنا إلية بالإعتماد على بعضنا. لا تكن خجولا, وأسال عما تريد. ولكن تذكر ان تقوم بعمل jsfiddle.</p>
  160
+                <a href="#" class="pledge">نعم, سأفعل</a>
  161
+                <div class="pledges"><p>هنا بعض المطوريين الذين قرروا فعل ذلك أيضا:</p></div>
  162
+              </div>
  163
+             </section>
  164
+          </div>
  165
+        </section>
  166
+    </article>
  167
+
  168
+    <article class="section">
  169
+        <div class="standout" id=digdeep>
  170
+            <h1 class="hed">تعمق أكثر</h1>
  171
+            <h2 class="subhed">تعرف طريقك بوضوح. إذا هذا هو الوقت لتبدأ بالعمل</h2>
  172
+        </div>
  173
+        <section id="helpothers" class="col-ab">
  174
+          <div class="col-a">
  175
+            <h1 class="hed">ساعد الأخرين</h1>
  176
+            <p>نحن جميعا نستفيد من بعضنا ونحتاج المساعدة من وقت إلى أخر, ومساعدة الأخرين تعمل على تثبيت المعلومات لديك,
  177
+                        وتزيد من إدراكك وفهمك للتقنيات المختلفة.
  178
+                        فى الأسفل ستجد مشاريع مفتوحة تحتاج إلى مساعدتك. تذكر ليس هناك مساهمة صغيرة, بل كل مساهمة لها قيمة.</p>
  179
+            <h2 id="open_source_projects_worth_your_time" class="subhed">مشاريع مفتوحة المصدر تحتاج إلى وقتك</h2>
  180
+
  181
+            <ul>
  182
+              <li><a href="http://github.com/h5bp/html5-boilerplate">HTML5 Boilerplate</a> <span>- مشروع يساعدك على تطوير موقعك باستخدام افضل الممارسات.</span>
  183
+              <li><a href="https://github.com/jquery/learn.jquery.com">jQuery Learning Site</a> <span>- موقع تعليمى لمكتبة جافاسكريبت المشهورة jQuery.</span>
  184
+              <li><a href="https://github.com/jquery/jquery-mobile">jQuery Mobile</a> <span>- افضل الممارسات عن البرمجة للهواتف النقالة</span>
  185
+              <li><a href="https://github.com/Modernizr/Modernizr">Modernizr</a> <span>- مشروع يساعدك على الكشف عن التقنيات التى يدعمها المتصفح قبل تطبيقها.</span>
  186
+              <li><a href="https://github.com/twitter/bootstrap">Twitter&#8217;s bootstrap</a> <span>- سجادة عمل لكل من HTML و CSS و JS تساعدك على بناء تطبيقات الويب بسرعة – مقدمة من تويتر.</span>
  187
+              <li><a href="http://necolas.github.com/normalize.css/">Normalize.css</a> <span>- مشروع لجعل كل المتصفحات تعرض مواقع الانترنت بنفس الطريقة.</span>
  188
+              <li><a href="http://dojotoolkit.org/get-involved">Dojo</a> <span>- سجادة عمل شاملة لتطوير تطبيقات الويب والهواتف النقالة.</span>
  189
+              <li><a href="https://github.com/paulirish/lazyweb-requests/issues?state=open">Lazyweb requests</a> <span>- ادوات وحلول من الرائع ان يمتلكها مطورى الويب.</span>
  190
+              <li><a href="https://github.com/jquery/standards">jQuery standards project</a> <span>- قضايا ومناقشات متعلقة بمعايير الويب.</span>
  191
+              <li><a href="http://yuilibrary.com/">YUI</a> <span>- سجادة عمل لكل من CSS و JS لبناء تطبيقات الويب - مقدمة من ياهو.</span></li>
  192
+            </ul>
  193
+            <p>قم بإتباع خطوات<a href="#how_to_ask_for_help"> &#8217;طلب المساعدة&#8216; </a> فى الأعلى وألق نظرة على <a href="http://addyosmani.com/blog/getting-involved-with-open-source/">بودكاست Addy Osmani عن كيفية المشاركة</a> ! </p>
  194
+
  195
+          </div>
  196
+
  197
+          <div class="col-b">
  198
+            <section class="getinvolved">
  199
+              <h2 class="subhed">شارك بخبرتك</h2>
  200
+              <div class="task" data-hashtag="#helpothers">
  201
+                <p>قراءة الكود العالى المستوى تؤدى إلى كتابة كود عالى المستوى, تصفح كود المشاريع الموضوعة هنا, وساعد على تطويرهم وجعلهم أفضل.</p>
  202
+                <a href="#" class="pledge">نعم, سأفعل ذلك</a>
  203
+                <div class="pledges"><p>هنا بعض المطوريين الذين قرروا فعل ذلك أيضا:</p></div>
  204
+              </div>
  205
+             </section>
  206
+            </div>
  207
+          </div>
  208
+        </section>
  209
+
  210
+        <section id="specs" class="col-ab">
  211
+            <div class="col-a">
  212
+                <h1 class="hed">أرسل تعليقاتك على المواصفات</h1>
  213
+
  214
+                <p>المواصفات  specifications (وهى عبارة عن وصف دقيق لما ينبغى ان تكون علية التقنية او لغة  البرمجة وكيف يتم استخدامها) تحدد وتنظم طريقة الأستخدام,
  215
+                                ويتم وضعها من قبل فريق عمل Working Groups -WG من خلال محادثات مكثفة عن طريق البريد الإلكترونى.
  216
+                                ولكن يبقى الإحتمال ان تقوم شركات متصفحات الويب بإنتاج متصفحات لا تتبع هذة المواصفات,
  217
+                                وعندها يجب ان نقف نحن المطوريين ضد هذة البرامج ونقوم بإرسال feedback بكل خطأ نجدة فى هذة البرامج.</p>
  218
+
  219
+                <ul>
  220
+                    <li>تعرف على <a href="http://diveintohtml5.info/past.html">تاريخ الإنترنت</a>.</li>
  221
+                    <li> إلقى نظرة على<a href="http://fantasai.inkedblade.net/weblog/2011/inside-csswg/"> كيفية عمل مجموعات ال  CSS</a>.</li>
  222
+                    <li>إشترك فى هذة القوائم البريدية لتتابع المشاركات والمناقشات التى تقود الويب:
  223
+                        <ul class="resources">
  224
+                            <li><a href="http://lists.w3.org/Archives/Public/public-webapps/">public-webapps</a> -  مناقشات تقنية عن تطوير تطبيقات الويب</li>
  225
+                            <li><a href="http://lists.w3.org/Archives/Public/www-style/">www-style</a> - مناقشات تقنية عن ال CSS </li>
  226
+                            <li><a href="http://lists.whatwg.org/pipermail/whatwg-whatwg.org/">whatwg</a> - القائمة البريدية ل Web Hypertext Application Technology Working Group </li>
  227
+                            <li><a href="http://lists.w3.org/Archives/Public/public-html/">public-html</a> - مناقشات تقنية حول HTML</li>
  228
+                            <li><a href="http://lists.w3.org/Archives/Public/www-dom/">www-dom</a> - مناقشات تقنية عن ال DOM </li>
  229
+                            <li><a href="http://lists.w3.org/Archives/Public/public-fx/">public-fx</a> - مناقشات حول القضايا التى توثر على ال CSS و SVG</li>
  230
+                        </ul>
  231
+                    </li>
  232
+                    <li>إقرأ <a href="http://developers.whatwg.org/">HTML5 Spec for developers</a> تم حذف ما لا يهم المطورين وتم تصميمها بطريقة جميلة</li>
  233
+                    <li>أسهل طريقة لترسل تعليق او تبلغ عن خطا فى  <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/">HTML specification</a> هى أن تقوم بتحديد الجزء الذى تريد ان تبلغ عنة ثم تكتب تعليقك فى الشريط اسفل الصفحة.</li>
  234
+                    <li>
  235
+                        تعرف على أخر القضايا حول ال HTML و  CSS عن طريق متابعة الحسابات الاتية
  236
+                        <ul class="resources inverse_dir">
  237
+                            <li><a href="http://twitter.com/whatwg">@whatwg</a></li>
  238
+                            <li><a href="http://twitter.com/csscommits">@csscommits</a></li>
  239
+                        </ul>
  240
+                    </li>
  241
+                </ul>
  242
+            </div>
  243
+            <div class="col-b">
  244
+              <section class="getinvolved">
  245
+                <h2 class="subhed">هل ستساهم؟</h2>
  246
+                <div class="task" data-hashtag="#feedback">
  247
+                  <p>نحن الذين نستخدم المواصفات,
  248
+                                  فلماذا لا نساعد على عمل المواصفات التى نحب؟
  249
+                                 دعنا نجعلها أفضل مما هى علية الأن.</p>
  250
+                  <a href="#" class="pledge">نعم, سأفعل ذلك.</a>
  251
+                  <div class="pledges"><p>هنا بعض المطوريين الذين قرروا فعل ذلك أيضا:</p></div>
  252
+                </div>
  253
+              </section>
  254
+            </div>
  255
+        </section>
  256
+
  257
+        <section id="explore" class="col-ab">
  258
+            <div class="col-a">
  259
+              <h1 class="hed">إكتشف الإمكانيات الجديدة</h1>
  260
+              <p>إذا كنت قد تعلمت الأساسيات,
  261
+                          فهذا هو الوقت لتتعمق أكثر.
  262
+                           هنا سوف نتعرف على Advanced CSS و الامكانيات الجديدة فى HTML ومستقبل هذة التقنيات.
  263
+                          العديد من الأمكانيات متوفر دعمها الأن فى متصفحات الويب
  264
+                           وإكتشاف هذة الإمكانيات والمميزات يساعدنا على دفع الويب إلى الأمام.</p>
  265
+
  266
+            <h2 id="examples_of_how_to_explore_features_well" class="subhed">أمثلة على أفضل الطرق للتعرف على الإمكانيات الجديدة</h2>
  267
+            <ul class="inverse_dir inverse_align">
  268
+              <li><a href="http://perfectionkills.com/global-eval-what-are-the-options/">Global <code>eval</code>: what are the options?</a> <span> - kangax</span>
  269
+              <li><a href="http://nicolasgallagher.com/multiple-backgrounds-and-borders-with-css2/">Multiple Backgrounds and Borders with CSS 2.1</a> <span> - Nicolas Gallagher</span>
  270
+              <li><a href="http://nicolasgallagher.com/css-background-image-hacks/">CSS background-image hacks</a> <span> - Nicolas Gallagher</span>
  271
+              <li><a href="http://www.webdirections.org/blog/let-the-web-move-you-css3-animations-and-transitions/">Let the Web move you — CSS3 Animations and Transitions</a> <span> - John Allsopp</span>
  272
+              <li><a href="http://addyosmani.com/largescalejavascript/">Patterns For Large-Scale JavaScript Application Architecture</a> <span> - Addy Osmani</span>
  273
+              <li><a href="http://designfestival.com/the-cicada-principle-and-why-it-matters-to-web-designers/">The Cicada Principle and why it matters to web designers</a> <span> - Alex Walker</span>
  274
+              <li><a href="http://css-tricks.com/snippets/css/webkit-keyframe-animation-syntax/">Keyframe animation syntax</a> <span> - Chris Coyier</span>
  275
+              <li><a href="http://www.blog.highub.com/css/whats-new-in-css-selectors-level-4/">What's new in CSS Selectors (Level 4)</a> <span> - Shi Chuan</span>
  276
+              <li><a href="http://mathiasbynens.be/notes/touch-icons">Everything you always wanted to know about touch icons</a> <span> - Mathias Bynens</span>
  277
+              <li><a href="http://coding.smashingmagazine.com/2009/09/15/the-z-index-css-property-a-comprehensive-look/">The z-index CSS Property: A Comprehensive Look</a> <span> - Louis Lazaris</span>
  278
+            </ul>
  279
+
  280
+            <h2 id="cool_ideas_to_explore_more" class="subhed">مميزات رائعة لتكتشفها ( وربما تكتب عنها )</h2>
  281
+
  282
+            <p>المتصفحات تضيف مميزات CSS دائما.
  283
+                        ونحن نكره الأوامر الخاصة بكل متصفح vendor prefixes لذلك نرسل تعليقاتنا عليها دائما وأنها لا تناسب عملنا.
  284
+                        لذلك تشجع ان تجرب كل ميزه جديدة وترسل تعليقك عليها.
  285
+                        وهذة نظرة على <a href="http://peter.sh/experiments/vendor-prefixed-css-property-overview/">vendor-prefixed CSS property</a>,
  286
+                        كتبها Peter Beverloo, وفيها العديد من اوامر ال CSS التى تحت التجربة - وكثير منها ليست معروفة وليست مفهومة عند الكثير.
  287
+                        يمكنك الكتابة عنها لتعلمها وتبسطها للمطوريين الاخرين - وهناك خواص أخرى مثل:
  288
+
  289
+              <ul class="inverse_dir inverse_align">
  290
+                <li><a href="https://developer.mozilla.org/En/CSS/%3Achecked">The :checked selector</a> / <a href="http://dev.w3.org/csswg/css3-images/#object-fit">object-fit</a>  / <a href="https://developer.mozilla.org/en/CSS/background-clip">background-clip</a> / <a href="https://dvcs.w3.org/hg/FXTF/raw-file/tip/filters/index.html">fx blur css filter</a> / <a href="http://dropshado.ws/post/1015351370/webkit-line-clamp">-webkit-line-clamp</a> / <a href="https://developer.mozilla.org/en/CSS/text-overflow">text-overflow</a> / <a href="https://developer.mozilla.org/En/CSS/Box-sizing">box-sizing</a> / <a href="https://developer.mozilla.org/en/CSS3_Columns">CSS columns</a></li>
  291
+                <li><code>history.pushState()</code>, HTML5 input <code>checkValidity()</code>, <code>getClientRects</code> / <code>getBoundingClientRect</code>, WebKit's <a href="http://developer.apple.com/library/safari/#documentation/DataManagement/Reference/DOMWindowAdditionsReference/DOMWindowAdditions/DOMWindowAdditions.html">ConvertPointFromPageToNode</a>
  292
+                <li><a href="http://www.w3.org/TR/css3-gcpm/">CSS Generated Content for Paged Media Module (GCPM)</a>
  293
+                <li>Differences between <code>word-wrap</code>, <code>word-break</code>, and <code>white-space</code>
  294
+                <li>Harmony features like <a href="http://wiki.ecmascript.org/doku.php?id=harmony:let">let</a> / <a href="http://wiki.ecmascript.org/doku.php?id=harmony:block_scoped_bindings">block-scoped bindings</a> / block functions /  <a href="http://wiki.ecmascript.org/doku.php?id=harmony:destructuring">destructuring</a> / <a href="http://wiki.ecmascript.org/doku.php?id=harmony:rest_parameters">rest parameters</a> / <a href="http://wiki.ecmascript.org/doku.php?id=harmony:parameter_default_values">default param values</a>.
  295
+                <li><a href="http://dvcs.w3.org/hg/webcomponents/raw-file/tip/explainer/index.html">Web Components Explained (very early draft)</a>
  296
+
  297
+                <li><strong>Any features from these presentations:</strong>
  298
+                  <ul>
  299
+                    <li><a href="http://vimeo.com/32135328">The Future of CSS</a> <span>- Tab Atkins on what to expect from CSS in the future.</span>
  300
+                    <li><a href="http://infrequently.org/11/fronteers/fronteers.html">Data, Semantics, and the Process of Progress </a> <span>- browser evolution, Component Model, MDV</span>
  301
+                    <li><a href="http://infrequently.org/11/ldnjs/ldnjs.html">[JS|DOM].next()</a> <span>- Alex Russell on the next version of ECMAScript.</span>
  302
+                    <li><a href="http://lea.verou.me/css3-secrets/">CSS3 Secrets</a> <span>- an interactive presentation on advanced CSS3 functionality.</span>
  303
+                    <li><a href="http://nimbu.in/w3conf/">The Future of Layouts in CSS</a> <span>- and how emerging specs will add proper layout control to CSS</span>
  304
+                    <li><a href="http://mezzoblue.com/presentations/2011/fowd/FOWD.pdf">The Future of CSS</a> <span>- an overview of a number of surfacing CSS features.</span>
  305
+
  306
+                </ul>
  307
+              </ul>
  308
+
  309
+            </div>
  310
+            <div class="col-b">
  311
+                  <section class="getinvolved">
  312
+                <h2 class="subhed">إكتشف المجهول</h2>
  313
+                <div class="task" data-hashtag="#explore">
  314
+                  <p>الطريقة الوحيدة لدفع الويب إلى الأمام هى تعلم التقنيات المتقدمة ومن ثم إستخدامها.
  315
+                                  وستستمتع بتعلم هذة التقنيات كثيراً.</p>
  316
+                  <a href="#" class="pledge">نعم سأفعل ذلك</a>
  317
+                  <div class="pledges"><p>هنا بعض المطوريين الذين قرروا فعل ذلك أيضا:</p></div>
  318
+                </div>
  319
+             </section>
  320
+          </div>
  321
+        </section>
  322
+
  323
+
  324
+        <section id="write" class="col-ab">
  325
+          <div class="col-a">
  326
+            <h1 class="hed">أكتب</h1>
  327
+            <p>أنشر ما تعلمتة ولا تخف من إرتكاب الأخطاء.
  328
+                        أنشر على مدونتك و أحرص على ان تكون مقالاتك محدثة دائما.
  329
+                        وقم بعمل مناقشات مع قراء مدونتك وعلمهم وتعلم منهم.</p>
  330
+
  331
+            <p>تعليم الناس هو طريقة جيدة للتعلم ولتثبيت المعلومات.
  332
+                        لذلك فأنت تستفيد انت ايضا عندما تعلم الناس</p>
  333
+
  334
+            <h2 id="what_should_you_start_to_learn_about" class="subhed">ما الذى يجب ان تكتب عنة؟</h2>
  335
+
  336
+            <p>أشياء يمكن ان تعلمها للناس: هنا ستجد أفكار جيدة</p>
  337
+
  338
+            <ul>
  339
+                <li>لماذا وُجدت هذة التاج <code>&lt;br&gt;</code> و <code>&lt;hr&gt;</code>؟</li>
  340
+                <li>كيف تقوم بعمل slideshow بأقل قدر ممكن من الكود ؟</li>
  341
+                <li>ما هو ال DOM ؟ ولماذا وُجد ؟</li>
  342
+                <li>أنظر كيف يقوم المتصفح بتطبيق أى واحدة من ال  CSS property , وقارن هذا مع ال CSS specifications </li>
  343
+                <li>كيف تقوم المواقع المشهورة بعمل صفحتها الرئيسية .</li>
  344
+                <li>كيف يمكنك إصلاح أحد أخطاء المواقع الكبيرة (مثل: وقت كبير فى التحميل - خطا فى الجافاسكربت - او أخرى )</li>
  345
+                <li>خذ Demo مشهورة و أشرحها بطريقة مختلفة او اشرحها هى نفسها</li>
  346
+                <li>قم بعمل تلخيص للأفكار التى تدور فى الويب مؤخراً.</li>
  347
+                <li>أكتب عن خبرتك فى المشاريع المفتوحة المصدر.</li>
  348
+                <li>كيف يمكن لل
  349
+                                <a href="http://www.catswhocode.com/blog/8-css-preprocessors-to-speed-up-development-time"> CSS preprocessor </a>
  350
+                                أن تؤدى إلى اخطاء فى الكود, إذا لم يتم التعامل معها بطريقة صحيحة
  351
+                                </li>
  352
+                <li>إذا كانت لغتك الأم غير الإنجليزية:
  353
+                <ul class="resources">
  354
+                  <li>ترجم بعض المقالات المهمة والمشهورة عن تطوير وبرمجة الويب.</li>
  355
+                  <li>وضح الأشياء الغامضة او الغير معروفة فى ال specifications</li>
  356
+                </ul>
  357
+              </li>
  358
+            </ul>
  359
+          </div>
  360
+          <div class="col-b">
  361
+            <section class="getinvolved">
  362
+              <h2 class="subhed">أكتب</h2>
  363
+              <div class="task" data-hashtag="#write">
  364
+                <p>ولا تلتفت إلى عدد القراء او عدد المتابعين لك على تويتر - قدم ما تعلمتة وسيكون هناك من يستفيد</p>
  365
+                <a href="#" class="pledge">نعم, سأفعل ذلك</a>
  366
+                <div class="pledges"><p>هنا بعض المطوريين الذين قرروا فعل ذلك أيضا:</p></div>
  367
+              </div>
  368
+            </section>
  369
+          </div>
  370
+        </section>
  371
+        <section id="filebugs" class="col-ab">
  372
+          <div class="col-a">
  373
+            <h1 class="hed">بلغ عن الأخطاء</h1>
  374
+            <p>يجب على شركات المتصفحات أن تعالج أخطاء المتصفحات بجدية اكثر, وعلينا ان نساعدهم فى ذلك.
  375
+                         متصفح IE - او النسخة التجريبية منة <a href="http://msdn.microsoft.com/library/hh673549.aspx">IE10's platform previews</a>
  376
+                        يمكنك ان تقدم تقارير بالاخطاء الموجودة فيها قبل صدور المتصفح - هذا يساعد على سرعة حل هذة الاخطاء قبل صدوره.</p>
  377
+            <ul>
  378
+              <li><a href="http://coding.smashingmagazine.com/2011/09/07/help-the-community-report-browser-bugs/">ساعد مجتمع الويب: بلغ عن أخطاء المتصفحات</a> - كتبه  Lea Verou</li>
  379
+              <li><a href="http://ejohn.org/blog/a-web-developers-responsibility/">مسئولية مطوري الويب</a> - كتبه   John Resig</li>
  380
+              <li><a href="http://a11ybugs.org/">Help prioritize browser accessibility bugs</a> - كتبه   Vlad Alexander</li>
  381
+              <li>
  382
+                <p>المواقع الخاصة بأخطاء المتصفحات - ساهم فى حل خطا موجود بالفعل أو بلغ عن خطأ جديد:</p>
  383
+                <ul class="resources">
  384
+                  <li><a href="https://bugzilla.mozilla.org/">Mozilla's bugzilla</a></li>
  385
+                  <li><a href="https://bugs.webkit.org/">WebKit bugs</a></li>
  386
+                  <li><a href="http://crbug.com/">Chrome bugs</a></li>
  387
+                  <li><a href="http://www.opera.com/support/bugs/">Opera bugs</a></li>
  388
+                  <li><a href="https://connect.microsoft.com/site/sitehome.aspx?SiteID=136">Help IE</a></li>
  389
+                </ul>
  390
+              </li>
  391
+            </ul>
  392
+          </div>
  393
+          <div class="col-b">
  394
+            <section class="getinvolved">
  395
+              <h2 class="subhed">  إقضى على مشاكل المتصفحات</h2>
  396
+              <div class="task" data-hashtag="#filebugs">
  397
+                <p>هذة هى أسرع طريقة لتحسيين اداء المتصفحات -
  398
+                                عن طريق التبليغ عن المشاكل وحلها.
  399
+                                هذة العملية لا تستغرق بضع دقائق, ويمكن لأى شخص القيام بها.</p>
  400
+                <a href="#" class="pledge">نعم, سأشارك فى ذلك</a>
  401
+                <div class="pledges"><p>هنا بعض المطوريين الذين قرروا فعل ذلك أيضا:</p></div>
  402
+              </div>
  403
+            </section>
  404
+          </div>
  405
+        </section>
  406
+    </article>
  407
+    <article class="section">
  408
+      <div class="standout" id=virtuoso>
  409
+        <h1 class="hed">مبدع!</h1>
  410
+        <h2 class="subhed">لديك خبرة طويلة, وأنت الأن محترف فى تقنيات الويب - إذا دعنا نقترح عليك بعض الأشياء</h2>
  411
+      </div>
  412
+      <section id="hack" class="col-ab">
  413
+        <div class="col-a">
  414
+          <h1 class="hed">
  415
+                  <a href="http://ar.wikipedia.org/wiki/%D9%87%D8%A7%D9%83%D8%B1#.D8.A7.D9.84.D8.AE.D9.84.D8.A7.D9.81_.D8.AD.D9.88.D9.84_.D8.AA.D8.B9.D8.B1.D9.8A.D9.81_.D8.A7.D9.84.D9.87.D8.A7.D9.83.D8.B1">هاك</a></h1>
  416
+          <p>إدفع الويب إلى أقصى حدودة.
  417
+                  هاك على CSS او advanced HTML  او  JavaScript
  418
+                  او the browser's rendering engine.
  419
+                  ادخل على مواقع مثل  github
  420
+                  , اختر مشروع وتفحص الكود جيدا وتعلم منة ثم ضع لمستك انت.
  421
+                   هيا نجعل الويب مكان رائع -  هناك طرق كثيره لفعل ذلك:</p>
  422
+          <h2 id="contribute_to_browsers" class="subhed">ساهم فى تطوير المتصفحات</h2>
  423
+          <ul>
  424
+            <li>ساعد فى تطوير أدوات المطوريين مثل
  425
+                        <a href="http://trac.webkit.org/wiki/WebInspector">WebKit Inspector</a>
  426
+                        و  <a href="https://bitbucket.org/scope/dragonfly-stp-1/">Dragonfly</a>.
  427
+            لقد تم برمجتهم بإستخدام  HTML و CSS و JS
  428
+                        لذلك فأنت لا تحتاج انت تكون مبرمج ++C لتشارك فى تطويرهم.</li>
  429
+            <li><a href="https://developer.mozilla.org/en/Gecko_BugAThon">قلل من ال  test cases لموزيلا.</a></li>
  430
+            <li>هاك على Gecko
  431
+              <ul>
  432
+                <li>إقرأ دليل المطوريين  <a href="https://developer.mozilla.org/En/Developer_Guide">لتبدأ فى تطوير Gecko.</a>.
  433
+                <li><a href="https://bugzilla.mozilla.org/buglist.cgi?quicksearch=%22[mentor%3D%22&list_id=1800469">قائمة ببعض اهم الأخطاء فى firefox و Gecko .</a>
  434
+                <li>إشترك فى المحادثات على غرفتى  introduction# و developers# على  <a href="#mozilla_irc">Mozilla's IRC server</a>
  435
+              </ul>
  436
+            <li>هاك على  Webkit
  437
+              <ul>
  438
+                <li><a href="http://dev.chromium.org/developers/contributing-to-webkit">دليل من جوجل للمساهمة فى تطوير Webkit.</a>
  439
+              </ul>
  440
+          </ul>
  441
+
  442
+          <h2 id="contribute_to_testsuites" class="subhed">ساهم فى
  443
+                  <a href="http://en.wikipedia.org/wiki/Test_suite">سلاسل الإختبارات</a></h2>
  444
+
  445
+          <p><a href="http://en.wikipedia.org/wiki/Test_case">الإختبارات</a> هى شئ أساسى عند وضع معايير الويب وتطوير المتصفحات.
  446
+                   ومن خلالها نتأكد من تعامل المتصفحات مع التقنيات بنفس الطريقة ام كل متصفح مختلف عن الأخر.
  447
+                 حالياً, سلاسل إختبارات   W3C ليس لديها إختبارات بالقدر التى تحتاجة.
  448
+                  هذة الإختبارات تكتب بلغات تطوير الويب الأساسية HTML  و CSS و JS.</p>
  449
+
  450
+          <ul class="inverse_dir inverse_align">
  451
+            <li>Get overviews of the
  452
+              <a href="http://www.w3.org/2008/webapps/wiki/Testing">w3c webapps test suite</a>, the
  453
+              <a href="http://www.w3.org/html/wg/wiki/Testing">w3c HTML5 test suite</a>,
  454
+              and the <a href="http://wiki.csswg.org/test">CSSWG test suite</a>.
  455
+            </li>
  456
+            <li>Look into <a href="http://www.w3.org/html/wg/wiki/Testing#New_tests">upstreaming some existing tests</a> into the W3C Test suite.</li>
  457
+            <li>Upstream <a href="http://trac.webkit.org/browser/trunk/LayoutTests">WebKit&#8217;s LayoutTests</a>. <span>Also see the LayoutTests <a href="http://www.webkit.org/blog/1452/layout-tests-theory/">theory</a> & <a href="http://www.webkit.org/blog/1456/layout-tests-practice/">practice</a>.</span></li>
  458
+            <li>Upstream <a href="https://developer.mozilla.org/en/Mochitest">Mozilla&#8217;s Mochitests</a>.</li>
  459
+            <li>Join the conversation on <a href="http://lists.w3.org/Archives/Public/public-webapps-testsuite/">public-webapps-testsuite</a>, <a href="http://lists.w3.org/Archives/Public/public-html-testsuite/">public-html-testsuite</a>, and <a href="http://lists.w3.org/Archives/Public/public-css-testsuite/">public-css-testsuite</a>.</li>
  460
+            <li>Contribute to HTML5 Audio on <a href="http://areweplayingyet.org">the AreWePlayingYet? test suite</a>.</li>
  461
+          </ul>
  462
+
  463
+
  464
+          <h2 id="contribute_to_specs" class="subhed">ساهم فى المواصفات &nbsp; specifications</h2>
  465
+          <ul>
  466
+            <li>راجع على الأخطاء الموجودة على  <a href="http://www.w3.org/Bugs/Public/">W3C bugzilla</a> <span>- وتعلم <a href="http://wiki.whatwg.org/wiki/Bugzilla_conventions">Bugzilla conventions</a>.</span>
  467
+            <li>شارك فى محادثات  <a href="http://www.whatwg.org/mailing-list">WHATWG</a> / <a href="http://lists.w3.org/Archives/Public/public-webapps/">public-webapps</a> / <a href="http://lists.w3.org/Archives/Public/www-style/">www-style</a> / <a href="http://lists.w3.org/Archives/Public/public-fx/">public-fx</a>.</li>
  468
+            <li><a href="http://dev.chromium.org/developers/how-tos/make-a-web-standards-proposal">قم بكتابة إقتراحات لمعايير الويب.</a>. <span>(هنا ستجد كيفية فعل ذلك.)</span>
  469
+            <li><a href="http://wiki.whatwg.org/wiki/How_to_write_a_spec">أكتب بعض المواصفات. </a> </li>
  470
+          </ul>
  471
+          <h2 id="contribute_to_validators" class="subhed">ساهم فى
  472
+                  <a href="http://en.wikipedia.org/wiki/Validator">أدوات التحقق من صحة الكود</a></h2>
  473
+          <ul class="inverse_dir inverse_align">
  474
+            <li>
  475
+              <a href="http://validator.nu/">HTML Validator</a> <span>needs some developer lovin', deets at <a href="https://github.com/paulirish/lazyweb-requests/issues/18">lazyweb-reqs/18</a></span>
  476
+            <li>
  477
+              <a href="http://lists.w3.org/Archives/Public/www-validator-css/">CSS Validator</a> <span>can always use some help. hop on that mailing list!</span>
  478
+            <li>
  479
+              <a href="https://bitbucket.org/annevk/webvtt">WebVTT</a> <span>a video subtitling format, is an active area of standards interest</span>
  480
+          </ul>
  481
+        </div>
  482
+        <div class="col-b">
  483
+          <section class="getinvolved">
  484
+            <h2 class="subhed">أترك بصمتك</h2>
  485
+            <div class="task" data-hashtag="#hack">
  486
+              <p>طور بعض الأدوات.
  487
+                          تفحص وأختبر المشاريع.
  488
+                          شارك فى تطوير المتصفحات أو أدوات التحقق من صحة الكود أو المواصفات أو <a href="#open_source_projects_worth_your_time">المشاريع المفتوحة المصدر</a>.</p>
  489
+              <a href="#" class="pledge">سأشارك بالتأكيد</a>
  490
+              <div class="pledges"><p>هنا بعض المطوريين الذين قرروا فعل ذلك أيضا:</p>
  491
+            </div>
  492
+          </section>
  493
+        </div>
  494
+      </section>
  495
+    </article>
  496
+
  497
+
  498
+
  499
+    <footer class="doc">
  500
+
  501
+      <p class="subhed summary">
  502
+      يمكنك أن تجعل الويب رائع كما تحب .</br>
  503
+                شركات المتصفحات والعاملين على معايير الويب وأخرون يحتاجون إلى مشاراكاتك ومساهماتك.
  504
+                <br>معاً نستطيع أن ندفع الويب إلى الأمام.
  505
+
  506
+      </p>
  507
+
  508
+      <img src="img/pugerton.png" alt="Pugerton">
  509
+
  510
+      <p class="subhed">قام بكتباتة - بكل حب</p>
  511
+
  512
+      <ul class="builders">
  513
+          <li><a href=http://twitter.com/wilto><img src="http://api.twitter.com/1/users/profile_image/wilto?size=normal"> <b>Mat</b> Marquis</a>
  514
+          <li><a href=http://twitter.com/aaronforsander><img src="http://api.twitter.com/1/users/profile_image/aaronforsander?size=normal"> <b>Aaron</b> Forsander</a>
  515
+          <li><a href=http://twitter.com/connor><img src="http://api.twitter.com/1/users/profile_image/connor?size=normal"> <b>Connor Montgomery</b></a>
  516
+          <li><a href=http://twitter.com/paul_irish><img src="http://api.twitter.com/1/users/profile_image/paul_irish?size=normal"> <b>Paul</b> Irish</a>
  517
+          <li><a href=http://twitter.com/divya><img src="http://api.twitter.com/1/users/profile_image/divya?size=normal"> <b>Divya</b> Manian</a>
  518
+          <li><a href=http://twitter.com/necolas><img src="http://api.twitter.com/1/users/profile_image/necolas?size=normal"> <b>Nicolas</b> Gallagher</a>
  519
+          <li><a href=http://twitter.com/addyosmani><img src="http://api.twitter.com/1/users/profile_image/addyosmani?size=normal"> <b>Addy</b> Osmani</a>
  520
+      </ul>
  521
+      <p class="others">& <a href=https://github.com/h5bp/movethewebforward/contributors><span>وكل هؤلاء المطوريين الرائعين.</span>.</a></p>
  522
+                <p>قام بالترجمة  - <a href="https://plus.google.com/u/0/110896024219505135276/about">مروان عبد المنعم</a> •</p>
  523
+          <p>قامت بعمل صور الديناصورات - <a href="http://dribbble.com/deathbearbrown">Sue Lockwood</a> •</p>
  524
+                <p><a href=https://github.com/h5bp/movethewebforward>قدم مساهمتك فى هذا المشروع</a></p>
  525
+    </footer>
  526
+    <script>
  527
+        window._gaq=[['_setAccount','UA-17904194-2'],['_trackPageview']];
  528
+        (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
  529
+        g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
  530
+        s.parentNode.insertBefore(g,s)}(document,'script'));
  531
+    </script>
  532
+</body>
  533
+</html>
BIN  ar/rtl-webasaurs.gif

0 notes on commit b5530a1

Please sign in to comment.
Something went wrong with that request. Please try again.