مختارات هيا مجموعة من المواضيع نادرة ومميزة التي قمت بجمعها من المدونات والمواقع الاخري سواء كان العربية او اجنبية التي تختص في تصميم والمواقع الويب بحيت نتناول في كل جزء خمس مواضيع مميزة والنادرة . 1- اضافة Turn.js اضافة بواسطة مكتبة jQuery اضافة ميزة هذه الاضافة تمكنك من عمل كتاب اكتروني بحيت يمكنك تني وقلب الورقة ، مشابه الي حد كبير الي الاوراق الحقيقة يمكن استخدام هذه الاضافة في كتب او مجلة بواسطة HTML5 ، [...]

في هذا الدرس التعليمي سوف نتعلم كيفت عمل تدرج لوني لنص بواسطة CSS3، في عادة من السهل عمل تدرج لوني لأي عنصر عادي ولكن من الصعب عمل هذا التدرج لنص ، والتي سوف من اجلها سنتطرق الي شرح خاصتين علي وهما:- -webkit-background-clip -webkit-text-fill-color ملاحظة : ان تلكا الخصائص لا تعمل إلا مع متصفحات webkit ( قوقل اكروم والسفاري) فقط لا غير . النتيجة النهائية: مشاهدة لنبدأ سوف نحتاج الي كود تدرج لوني عادي جداً او [...]

في هذا الدرس التعليمي سوف نتطرق حول خاصية @Media Queries في تقنية CSS والتي سوف اشرحها بطريقة مبسطة جداً ، تستخدم هذه الخاصية في التحكم في عرض الصفحة بحسب عرض شاشة العرض وذلك في تحكم في خواصها علي CSS ، تهدف هذه الخاصية الي تقديم العرض المناسب الي جميع مقايس الشاشة دون خذف أي جزء من الصفحة او تضارب العناصر الصفحة مع بعضها البعض سواء كان علي الهواتف المحمولة العادية او الذكية او في الاجهزة [...]

بعد ازدياد عدد مستخدمين توتير ازدادت مع هوا عدد اضافات وطرق التي تسمح لك بعرض اخر تغريداتك علي موقعك الخاص بك او علي مدونتك وفي هذاالدرس سنعمل علي اضافة اضافتين جافا سكريبت مبرمجتين من توتير بمكن من خلالها عرض اخر تغريداتك علي موقعك واكتر ما يميز هذه اضافتين انها يمكن من خلالها التحكم التام في شكل صندوق عن طريق CSS وسرعة تحميل لصغر حجمهما ، الدرس هذا بسيط جدا يمكن من الاستفادة منه اصحاب المواقع [...]

في درس السابق تناولنا طريقة تصميم واجهة مشغل الفيديو علي الفوتوشوب PSD وانتهينا من تصميم هذه الواجهة بـ خطوات واليوم في هذا درس التعليمي سوف نعمل علي تكويد هذه الواجهة علي HTML5 وسنستعين بإضافة jPlayer لتشغيل المقاطع الفيديو بدون تقنية فلاش الذي يوفر مساحة كبيرة عند تصفح صفحة الويب كما ان سرعة التحميل الكبيرة عن مشاهدة ، وانا قمت إضافة اضافة jPlayer التي توجد بها العديد من خيارات ودعمها لكافة المتصفحات الويب مع اختلاف اصدارتها [...]