الأحد، 19 يوليو 2015

4 تقنيات لإنشاء موقع أكثر فاعلية على الويب
  • mohamed morabit, med morabit
  • محمد المرابط
الأحد، 19 يوليو 2015

تطور عالم الانترنت من مجرد كونه وثيقة مستودع بسيط ( اي مجرد صفحات بها بعض البيانات و المعلومات البسيط ) .. الى متصفحات قادرة على التفاعلات البصرية التي تغنيك عن تطبيقات سطح المكتب و الهواتف النقالة.
اردت التحدث في هذه المقالة عن اين يتجه الويب ؟ سأتحدث في العديد من المميزات لكن قد يكون كلامي عنها بسيط بعض الشئ و لكن سأتطرق لشرحها فيما بعد في مقالات مفصلة .
دعونا نلقي نظرة في اربع طرق يمكنك من خلالها تعزيز موقعك .

اولاً : الـسي اس اس “CSS” :

ان الـcss “ليست لغه برمجة” ولكنها تقنية تتهتم بتحديد شكل وتصميم المواقع ، وينطبق ذلك على الألوان والخطوط والصور والخلفيات التى تستخدم فى الصفحات ، بمرونة وسهولة تامة . ولكنها حصلت علي بعض التطورات في الفترة الاخيرة التي تسمح لك بفعل العديد من الاشياء مثل التحويلات و الرسوم المتحركة . و هناك الكثير من المطورين الذين يحاولون اضافة مميزات جديدة لتصبح اكثر قوة .

يمكنك الان الاستغناء عن الفوتوشوب وبرامج تحرير الصور فيمكنك تعويض ما تحتويه هذه البرامج من مؤثرات بالـcss . سأتحدث معكم عن ميزة لطيفة و هي CSS Clip Paths : تسمح لك هذه الميزه بتحديد اجزاء شكل معين و التحكم في شفافيته . لها بتأثيرات رائعة علي تحديد Elment معين و التحكم في شفايفته و تدرج بعض الخصائص كالتدرج في تغيير اللون من الاسود للابيض او الاحمر للاخضر . تكتب في الكود Transitions وتقبل الاعداد بالثانية او جزء من الثانية...

ثانياً : الـاس في جي “SVG” :

معظم الصور التي توجد علي مواقع الانترنت هي صور نقطية – Pixel – وقد تجد مع اختلاف احجام الشاشات ان الصورة لا تظهر بشكل و اضح . ومن هنا تكمن قوة الـSVG حيث انه مهما كان حجم الصورة و مهما كان عرض الشاشة المعروض عليها فإن جودة الصورة و دقتها لا تختلف اطلاقا .
ان الـSVG : هو تنسيق لعرض الصور علي مواقع الويب حيث يتم تسجيل الصورة كملف نصي و بدمجمها مع مجموعة اكواد يتم عرضها بالشكل المطلوب و تتميز بقلة الحجم و تساهم في تحميل صفحة الموقع بسرعة فتخيل ان لديك موقع لمعرض صور ويتم عرض 10 صور في الصفحة بدقة الـHD تخيل كيف سيكون الفرق اذا استخدمت صور بصيغ الـPNG او الـJpg او الـGif او استخدمت الـSvg . ستجد الاختلاف ملحوظ في عرض الصور و سرعة الموقع الخاص بك .

ثالثاً : الـ2 دي كانفاس :

من افضل المميزات القوية في عالم الويب لرسم الصور و الاشكال . مكتبة جافا سكربت -API- تمنحك السيطرة الكاملة على ملفات الوسائط ( صور و فيديوهات ) .. تسمح الـCanvas بدمج الالوان مع الطبقات بطريقة مثيرة للاهتمام بصرياً . تستطيع ان تتعرف اكثر على الـcanvas من هنـــا .

رابعاً : الـويب جي ال “WebGL” :

تطبيقات WebGel هي JavaScript API لتقديم رسومات 3D و 2D ضمن متصفح ويب يدعمها بدون اضافات خارجية . تم دمج تطبيقات WebGl في معظم المتصفحات لتسارع استخدام الفيزياء و معالجات الصور والاُثار كجزء من الـCanvas في صفحة الويب . ويمكن ان يتم دمج عناصر WebGl مع الـhtml وتكوينها مع اجزاء اخري من خلفية الصفحة .

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




شارك الموضوع مع اصدقائك
mohamed morabit محمد المرابط
مصمم جرافيك و مطور ويب حر. حاصل على شهادة infographic design. مسوق بالعمولة سابق لدى شركة orange للاتصالات المغربية. لي خبرة 5سنوات في تطوير المواقع بالـ php , html5 , css3 , mysql , javascript ...