12 نوفمبر 2014

موقع Lorempixel

هذا الموقع أو بالأحرى هذا التطبيق يقدم خدمة مجانية وممتازة للمطورين والمصممين حين يحتاجون إلى صور تمثيلية أو صور مالئة لأماكن الصور في تطبيقاتهم أو تصميماتهم للويب.
أصل الكلمة اللاتينية Lorem هي مجرد مجموعة من الأحرف المرتبة بشكل عشوائي وكانت قديما تستخدم في الطباعة لعرض قوالب التصميمات التي تحتاج إلى كتابة. أو ما يمكن تسميته نصوص مالئة، بحيث تعطي شكل منمق لنص لا معنى له في الواقع.
من هذا التعريف اشتق موقع Lorempixel اسمه حيث ان Pixel او بيكسل هو نقاط وصف الصورة، حيث يقوم الموقع بتقديم تشكيلة محددة من الصور في مجالات مختلفة مثل الحيوانات، الطعام، الرياضات، التقنية، الخ، تمكنكم من إدراجها في تطبيقاتكم او مواقعكم بغرض ملئ الفراغ الخاص بالصور، عن طريق مسار مصدر الصورة في أكواد HTML والذي يدعى بالخاصية Attribute مصدر src.
فيما يلي سوف نوضح لكم من خلال شفرات برمجية كيفية إدراج صور من Lorempixel إلى تصميماتكم وتطبيقاتكم:



في المثال السابق يمكننا عرض صورة عشوائية من أي فئة أو مجال متاح على الموقع بحيث يكون عرضها 420 بيكسل وطولها 220 بيكسل. يلاحظ أن أقصى عرض يمكن استخدامه هو 1920 بيكسل لكل من الطول والعرض. وكان كل ما علينا هو إضافة عنوان الصورة الكامل URL لنعرف به الخاصية src في الصورة.

فيما يلي أمثلة أخرى وشرحها لعناوين الصور التي يمكن استخدامها وتغيير نسق وشكل الصورة:


  • http://lorempixel.com/g/450/220 عرض صورة بالألوان الثنائية أبيض وأسود.
  • /http://lorempixel.com/450/220/food  عرض صورة عشوائية من تصنيف الأطعمة
  • http://lorempixel.com/450/220/food/2 عرض الصورة رقم 2 في تصنيف الأطعمة
  • http://lorempixel.com/450/220/food/ٍSome-Text عرض صورة عشوائية من تصنيف الأطعمة موسومة بنص لاتيني
فيما يلي أمثلة عملية لصور من موقع Lorempixel سوف تظهر في هذا الموضوع:



يمكنكم الوصول إلى هذا الموقع من خلال هذا الرابط

ليست هناك تعليقات:

إرسال تعليق


بحث مخصص