الوسم: تصميم ويب

التصنيفات
تصميم ويب واجهة المستخدم

تصميم مواقع الويب دليلك الشامل لفهم عملية تصميم موقع

قد يظن البعض ان تصميم مواقع الويب يعنى فقط الاهتمام بالالوان وشكل الازرار وغيرها ولكن فى الحقيقة ان التصميم الناجح هو الملائم لزوار الموقع و لمحتوي الموقع وتجربة المستخدم. فالمواقع التى لها تصميم جيد لا تعنى فقط تصميم جيد فى الجمليات والشكل لكن ايضًا يحقق الفائدة من الموقع عن طريق جعل الزائر يفهم اهداف الموقع […]

المزيد
التصنيفات
web-development تصميم ويب تطوير عام مفاهيم تقنية

الفرق بين مصمم ومطور الويب

سنتحدث اليوم عن الفرق بين مصمم الويب ومطور الويب اذا كنت مبتدئ فى مجال الويب او مهتم بهذه المجال تجد دائمًا هذين المصطلحين مصمم ومطور الويب وربما لا تعرف الفرق بينهم او تخلط فيهم وسنتعرف اليوم على الفروق بينهم لأزالة هذا اللبس. إليك الفرق بين مصمم الويب ومطور الويب اولًا مصمم الويب  مصمم الويب هو الشخص […]

المزيد
التصنيفات
html articles تصميم ويب

مقدمة تعلم لغة HTML من الصفر

    لغة HTML هى لغة مخصصة لبناء الهيكل العام للموقع , مثل الازرار والقوائم والروابط و النصوص وغيرها . لا يوجد موقع يعمل بدون HTML فهى اساسية فى اي موقع . لغة HTML سهلة كونها لغة تصف الصفحة ولا تملك المفاهيم الاساسية للغات البرمجة المتقدمة . محتويات المقالة : الهيكل العام نبذة عن اللغة […]

المزيد
التصنيفات
تصميم ويب

من افضل صفحات HTML ! تستطيع تحميلها مجانا

إليك اليوم مجموعة مميزة من صفحات HTML المطروحة بشكل مجانى على الانترنت , يمكنك استخدامها فى عملك فى مجال تصميم او تطوير المواقع او حتى بغرض تعليمى عن طريق تحليل الكود المستخدم فى هذه المشاريع المميزة . تعلم الويب عن طريق تحليل مشاريع المحترفين فالممارسة وتحليل مثل هذه المشاريع طريقة فعالة فى فاحتراف اللغات المستخدمة […]

المزيد
التصنيفات
تصميم ويب واجهة المستخدم

تأثيرات ملهمة لتصميم صندوق البحث فى واجهة المستخدم

نتشارك اليوم مجموعة مميزة من التصاميم الملهمة لصندوق البحث Search الذى لا يخلو موقع منه , وتحتوي هذه الاعمال على بعض التأثيرات و Animations المميزة والتى يمكنك الدمج بينها و التلاعب بها للحصول على نتيجة مميزة . يمكنك الانتقال صفحة لعض التاثير بالضغط على الرابط اسفل صورة المثال  تأثيرات ملهمة لتصميم صندوق البحث فى واجهة […]

المزيد
التصنيفات
تصميم ويب

امثلة لاكواد رائعة على كودبن Codepen شاهد روعة الكود #استلهام

يضم موقع كودبن Codepen الكثير من المبدعين من جميع انحاء العالم فى مجال البرمجة و التصميم ولا يكف هؤلاء المبدعين عن ابهرنا بالاكواد المتقنة والمكتوبة بعناية , فاليك اليوم مجموعة مميزة من الاكواد المميزة على موقع Codepen امثلة لاكواد رائعة على كودبن Codepen يمكنك الضغط على ايقونة الموقع اقصى اليمين لرؤية العمل كامل     […]

المزيد
التصنيفات
تصميم ويب مقالات CSS

كيفية انشاء تاثير ثلاثي الابعاد على النصوص ب CSS3

  سنتحدث اليوم عن كيفية انشاء تأثير على النصوص , مستخدمين خاصية text-shadow فى CSS3 وهو تاثير جميل ومميز يضيف ابداعية لتصاميمك , التصميم النهائى كما بالصورة   اللغات المستخدمة : HTML , CSS3 الصعوبة : متوسط   كيفية انشاء تاثير ثلاثي الابعاد على النصوص ب CSS3 رائع   الخاصية الاساسية المستخدمة اليوم هى text-shadw […]

المزيد
التصنيفات
bootstrap مقالات html articles تصميم ويب واجهة المستخدم

امثلة لصفحات HTML رهيبة #استلهام

تتنافس الشركات والمؤسسات هذه الايام فى اخراج موقع له تصميم ساحر لجذب الزبائن وعرض خداماتهم بشكل مميز , للتغلب على الخصوم وزيادة ارباحهم , وحتى المواقع الشخصية تهتم بتصميم الموقع , تصاميم هذه المواقع مبنية على HTML , CSS , Javascript و بعض اطر العمل الاخرى , فاليك عشر تصاميم مميزة تصاميم صفحات مواقع مبنية […]

المزيد
التصنيفات
تصميم ويب مقالات CSS

ادوات لتوليد اكواد CSS فى غاية الاهمية لمصممين الويب

  مهمة تصميم المواقع قد تصبح شاقة احيانًا نظرًا لكثرة التفاصيل فى كتابة الكود , ومن هنا يأتى دور بعض الادوات المساعدة البسيطة لتوليد خصائص معينة ل CSS بطريقة بسيطة وسهلة لذلك جلبت لكم اليوم مولدات لاكواد CSS استخدمها بكثرة وستفيدك حتمًا اثناء تصميم الويب وتضيف تأثيرات جميلة إلى تصميمك   1. CSS3 Gradient   […]

المزيد
التصنيفات
bootstrap مقالات html articles تصميم ويب مقالات CSS واجهة المستخدم

تجميعة مواقع مميزة فى تصميمها #استلهام

ان ابداعك فى التصميم يتطلب منك رؤية الكثير من الاعمال الابداعية وملاحظة جمال هذه التصاميم , والتمعن فى التفاصيل الدقيقة لاعمال هؤلاء المبدعين فجلبنا لك اليوم تجميعة مميزة من تصاميم المواقع .     فاليك تجميعة مميزة من مواقع الويب التى لها تصميم مميز ومبتكر   يمكنك زيارة الموقع عن طريق الرابط اسفل كل صورة […]

المزيد
التصنيفات
html articles تصميم ويب تطوير

ما هو الفرق بين HTML , HTML5 ؟ وما الجديد فى HTML5 ؟

جميعًا نعرف لغة HTML وانها لغة هيكلية ننشئ بها الهيكل الخاص بالموقع من نصوص و مدخلات البحث و ازرار و غيرها , وكان دور HTML مقتصر على هذا ولكن يبدو ان مطورين اللغة اردوا التوسع واعطاء ابعاد واستخدامات جديدة ل HTML , فصدرت HTML5 فى عام 2014 لتضيف الكثير من الامكانية لمصممين المواقع , اذا […]

المزيد
التصنيفات
تصميم ويب

ماهى مراحل تصميم موقع ويب بشكل صحيح ؟ الدليل الكامل لمصممى الويب

ان انشاء الموقع على الانترنت يمر بمجموعة من المراحل من تصميم الموقع ثم برمجته ثم استضافته ثم ربطه بدومين وسيكون تركيزنا فى هذه المقالة على تصميم موقع  وسنحاول رسم طريق كامل لكيفية تصميم موقع من البداية حتى النهاية . إذا كنت تريد المراحل الاخرى من انشاء الموقع على الانترنت فإليك هذه المقالة كيفية انشاء موقع على […]

المزيد