بدايةً ، أعترف بأنّ هذا المقال سوف لن يحوي على أفكارٍ ” متقولبة ” من كتبٍ أو مقالاتٍ قرأتها ، ببساطة أنا لم أقرأ أبدًا أيّة كتبٍ في هذا الموضوع ، لكنّ تخصصي الأكاديميّ ” هندسة البرمجيّات ” قد يشفع ...
أرشيف شهر: يناير 2012
العشر مواقع الأكثر إيحاء في مايو
كل شهر تظهر لنا المئات من المواقع الكبيره والعظيمه بتصميماتها الرائعه والمبهره المعروضه في معرض css بعض التصميمات تظهر متجليه بروعه العرض والتصميم وتكون منفرده بجوده صنعها العشر تصميمات التاليه تكون مثالا لتلك المواقع المبنيه علي معايير الويب والتي كل ...
درس عمل قائمة أزرار منزلقة بإستخدام jQuery
في هذه التدوينه سوف أتحدث عن تطبيق مميز يمكن استخدامه علي قائمة منزلقه ليعطي تأثير باتساع المساحه والتمدد ليعطي قائمة منسدله عند مرور الماوس عليها طريقة الإستخدام : طريقة الإستخدام : قم بتحميل التطبيق من هذه الصفحة اضف الكود التالي في ...
درس خانات الإختيار الغير محدده HTML5
كلنا يعرف أن خانات الإختيار ليس لها فقط سوي قيمتين لا ثالث لهما:أن تقوم باختيارها أو لا تقوم والنسخه الأصليه تكون دائما غير مختاره (unchecked) ويمكنك التحكم في ذلك عن طريق كود html كما كالتالي: [html] <code><!– Default to unchecked ...
sliders اسلايدر عارض الصور
إن عارض الصور slider المبني بواسطه جي كويري jQuery له العديد من المميزات والملامح المختلفه الهاش تاج عباره عن تجاهل لو مش معروفه ليه مسار بمعني: يعنى لو عندى [html] <a href="#">Test </a> [/html] وبهذا تستطيع عند الضغط علي هذا ...
درس عمل اسلايدرعارض الصور المتحركة slideslider
هناك الكثير من تقنيات العرض في الجافا سكريبت، ولكن لاحظ هذا الموقع <a href="http://mckinney.com/">McKinney </a>وكيفية الحركه عليه بمنتهي السلاسه. <h2>عارض الشرائح - (جي كويري سلايدر):</h2> لمشاهده التنفيذ اضغط <a href="http://jonraasch.com/demo/fancy-slideshow-navigation">هنا</a> لنبدأ معا في عمل هذا السلايدر أولا علينا إضافة بعض ...
خدع جميله في كتابه الملفات ب css3 اسرع واسهل
سوف أتحدث في هذه التدوينه عن ثمان طرق لتحسين ملفات الأنماط الانسيابيه الخاصه وسيؤدي هذا الي تخفيض حجم الملف بالبايت مما يؤدي إلي سرعة تصفحه عبر المتصفحات وتنفيذ أمثل للأكواد فكلما كان حجم الملف أصغر كلما كان سريع التحميل <h2>أولا:التعليقات</h2> ...
افكاروحيل بسيطة بواسطة 3 Css
قبل البدء بعرض هذه الأفكار يجب أن نتذكر أن دعم css3 في المتصفحات مازال محدود و متفاوت . لذلك لا تستخدمها حاليا كجزء أساسي في التصميم مثلا أنا استخدم الفكرة الأولى على عدد من العناصر في الصفحة لكنك لو كنت ...
تأثيرات مميزة للنصوص بواسطة Text-shadow و3 css
فلنبدأ خاصية Text-shadow ثم إضافتها في Css3 و هي تتيح لك إضافة ظل أو أكثر من ظل للنصوص . text-shadow بناء الجملة مسافية افقية و مسافة رأسية : يمكن ان يحمل قيم سالبة أو موجبة كما يمكن أن يحمل القيمة صفر . blur radius : و ...