أحدث التدوينات :)
Loading...

الأربعاء، 2 أبريل 2014

فتح باب التبادل الإعلاني



 تعلن  مدونة برو  يوسف  عن فتح باب التبادل الإعلاني في وجه جميع المدونات العربية و الأجنية وللذين يهمهم الأمر مراسلتي عبر الإمايل أو عبر حسابي على الفاسبوك.

عبر الإمايل: proyoussef1998@gmail.com

عبر حسابي على الفاسبوك:www.facebook.com/youyoukanan


ضع البنر التالي في موقعك  :




عنوان البارن الإعلاني:  http://im65.gulfup.com/3nhLXy.gif

عنوان المدونة:  http://pro-youssef1.blogspot.com/


و شكرا




كيفية حذف شريط التمرير (Scrollbar) في أسفل المواقع و المدونات



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


صورة المشكلة : الأسم تشير الى scrollbar السفلية  

الحل هو يجب علينا حذفها و طبعا الطريقة سهلة جدا وهي ما عليك إلا أن تقوم بإضافة كود css بسيط
الى ملف أو مكان style الخاص بالموقع أو المدونة و الكود كالتالي :

كود css :


 html{



  overflow-x: hidden;


 }


و مبروك الحل حبيبي و إن شاء الله لا تنسى فقط كلمة شكر صغيرة الى اللقاء

الثلاثاء، 1 أبريل 2014

اضافة موقعك او مدونتك الى ترتيب اليكسا(بين الحلم والحقيقة)

مرحبا بكم إخواني على مدونة برو يوسف اليوم اضافة موقعك او مدونتك الى ترتيب اليكسا(بين الحلم والحقيقة) إذن نبدأ على بركة الله .

1- ماهو اليكسا:

أليكسا (بالإنجليزية: Alexa Internet) هو موقع إلكتروني تابع لشركة أمازون, يقع مقره الرئيسي في ولاية كاليفورنيا بالولايات المتحدة، وهو متخصص في إحصائيات وترتيب مواقع الأنترنت.

2-الحلم:

الحلم وهو ان كل اصحاب المدونات والمواقع يريدون اضافة مواقعهم ومدوناتهم الى ترتيب اليكسا لكن الان وبالواجهة الجديدة لأليكسا حدثت عدة تغييرات انظر الحقيقة.
3-  الحقيقة:

 الحقيقة هي ان موقع اليكسآ غير واجهته وتغير، اصبح مدفوعا حيث اذآ اردت اضافة موقعك او مدونتك الى الترتيب يجب عليك دفع مبلغ مالي يحدد ك 9.99$ كحد ادنى  .



لا تنسوا دعمنا بردودكم المشجعة


بقلم : يوسف كنان


ممنوع النقل بدون ذكر المصدر


    الأربعاء، 26 مارس 2014

    الحلقة الأولى من دورة تعلم لغة HTML : مقدمة عن دورتنا

    السلام عليكم و رحمة الله تعالى و بركاته مرحبا بكم على مدونة kanan-html التي ستبدأ فيها دورة تعلم لغة HTML التي ستكون من تقديمي إذن في هذه الحلقة الإفتتاحية سأتحدث لكم على أحوال و مراحل هذه الدورة التي ستكون من أفضل و أجمل الدورات إن شاء الله و المراحل التي سنمر منها حتى نصبح كلنا يدا واحدة و من أذكى المبرمجين العربي و بهذا يمكنك أن ترفع من قيمة المحتوى العربي.

    * بعض المراحل سأذكرها لكم
    • ما هي لغة HTML إصطلاحا
    • طريقة كتابه الأكواد الأساسية و شرح كل كود و دوره
    • طريقة عمل بعض الإضافات عن طريق كتابه الأكواد مثال (صورة,فيديو,تكبير)
    • طريقة صنع إضافات خاصة بك
    • و في الأخير المفاجأة و هي طريقة عمل قالب من الصفر عن طريقة الفوتوشوب
    إذن إخواني أترككم مع التقديم فرجة ممتعة





    لا تنسوا دعمنا بردودكم المشجعة

    بقلم : يوسف كنان


    الخميس، 21 نوفمبر 2013

    كيف تختار الصيغة المناسبة لصورك




    هناك العديد من الصيغ المتاحة للاستخدام في الصور مثل JPEG، TIFF، PSD، PNG وغيرها الكثير. ولكن هناك القليل فقط منا هم من يعرفون الفرق بين هذه الصيغ، وفيما تستخدم. لذا، فكرنا في توضيح هذا الأمر للجميع، حتي يسهل عليك أن تختار الصيغة المناسبة لعملك في المرة القادمة التي تقوم فيها بحفظ صورة ما.. لذا، تابعونا خلال الأسطر القليلة القادمة.

    JPEG – هذه هي الصيغة لأفضل للصور، عندما تحتاج لحفظ الملف بحجم أصغر ولا مانع لديك من التضحية بجزء من جودة الصورة مقابل تقليل الحجم. ولكن صيغة JPEG غير مناسبة للصور التي تحتوي علي نص، كتل كبيرة من الألون أو أشكال بسيطة لأن الخطوط المموجة سوف تتطمس كما أن الألوان ستتحول.


    TIFF – هذه الصيغة تُعد جيدة لأي صورة bitmap. وتقوم هذه الصيغة بإنتاج ملفات كبيرة، ولكنها لا تقلل الجودة. كما تقوم TIFF أيضاً بالمحافظة علي الطبقات والشفافية والمميزات الخاصة الأخرى عندما يتم حفظها من الفوتوشوب.


    PSD, PDD – تعتبر هذه الصيغ هي أشكال الفوتوشوب الأصلية. حيث يتم استخدام PSD عندما تحتاج حفظ الطبقات، الشفافية، تعديل الطبقات، الأقنعة، مسارات القطع، أنماط الطبقة، مزج الوسائط، النصوص…الخ. أما صيغة PDD فتستخدم في Adobe PhotoDeluxe (توقف الآن عن العمل)، ولكنها مشابهة لصيغة PSD ويمكن استخدامهما بالتبادل.



    BMP – هذه الصيغة تشبه إلي حد كبير صيغة TIFF، حيث يمكن استخدامها مع أي نوع من صور bitmap. فهي ملفات كبيرة الحجم ولا تقوم بتقليل جودة الصورة. ولكنها لا تمتلك أي ميزة على صيغة TIFF سوى أنه يمكن استخدامها في خلفيات الويندوز.


    PICT – تعتبر هذه الصيغة من الصيغ القديمة، وتستخدم فقط مع صور bitmap على نظام الماك، بشكل مشابه لاستخدام صيغة BMP مع نظام الويندوز.


    PNG – يمكنك استخدام هذه الصيغة عندما تحتاج لملفات صغيرة الحجم دون تقليل في الجودة. فعادة ما تكون ملفات PNG أصغر في الحجم من ملفات TIFF. كما أنها تقوم أيضاً بدعم الشفافية، وقد تم تطويرها لتكون بديل لملفات GIF في الإنترنت.


    GIF – تستخدم هذه الصيغة عادة لرسومات الويب البسيطة التي تمتلك ألوان محدودة. حيث يتم تقليل ملفات GIF إلي 256 لون أو أقل، كما تقوم بصنع رسومات صغيرة وسريعة التحميل للويب. وتعتبر صيغة GIF رائعة جداً للاستخدام في أزرار الويب، الرسومات البيانية والمخططات، الرسومات الكارتونية، اللافتات والعناوين النصية.

    الخميس، 14 نوفمبر 2013

    Adobe PhotoShop CS6 Portable

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

    الاثنين، 16 سبتمبر 2013

    نصائح لكي تكون مصمم محترف


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

    هناك من لا يستطيع التصميم إلا في أوقات محددة وخاصة فترات الليل و الصباح الباكر وهذه أوقات جميلة تتسم بالهدوء ومناسبة للعمل التصميمي والجميع ينصح بها فيما يخص الأعمال التي تحتاجتركيز لكن أن يرتبط بها المصمم بحيث لا يستطع التصميم خارج هذه الأوقات هنا المشكلة الكبرى …
    وهناك من لا يستطع العمل  إلا من خلال حاسوبه و يرتبط به ارتباطا عاطفيا مبالغ فيه يجعله لا يستطع العمل على أي جهاز أخر بل الأكثر من ذلك أن هناك من لا يستطع تغيير كيبورد الجهاز التي تعود على العمل عليها أو الماوس … الخ 
    وهناك من يولي اهتماما كبيرا لحجرة العمل : لا يستطيع العمل إذا لم تكن مرتبة – لا يستطع العمل إذا كان بجانبه أحد – لا يستطع القيام بأكثر من عمل واحد في نفس الوقت…إلى غير ذلك …
    هناك طقوس كثيرة وعلى المصمم أن يجعلها تتكيف مع ظروفه ووضعيته وليس العكس . و أن لا يولي اهتماما كبيرا لطقوس قد تؤثر على إنتاجيته وتكون بمثابة عقدة في طريقه تقيده أكثر مما تساعده على العطاء والإنتاجية ، المصمم الناجح هو من يستيطع العمل تحت أي ظرف ومن أي جهاز و في أي مكان و زمان .
    و هذه بعض النصائح التي ستساعدك في وضع بعض الأساسيات في بداية طريقك لتحسن من قدراتك الإبداعية لتصبح مصمم ويب أفضل في المستقبل و إنتاج أعمال أكثر احترافية .

    1- جدد أفكارك …
    قم بعمل تحديث دائم لمعلوماتك و الاطلاع بشكل دوري على الجديد من أعمال الغير لاستلهام الأفكار منها، و لا نقصد “النسخ و التقليد” بل ما نقصده بالاستلهام هو اقتباس الأفكار و التعديل عليها للخروج بأفكار جديدة تميزك عن غيرك .
    2- طور نفسك …
    المصمم المحترف هو شخص دائم التعلم و لا يتوقف أبداً و يقوم بمتابعة جديد تقنيات التصميم و التطوير المختلفة فالتصميم هو بحر لا ينتهي و هو عالم يتغير و يتم تجديده في كل لحظة. لذا كن حريصاً على متابعة كل جديد يظهر في هذا العالم حتى لا تتأخر عن الركب و بالتالي تخسر الأعمال في المستقبل .
    3- ضع أفكارك على الورق أولاً …
    رتب خطة عمل التصميم خطوة بخطوة على الورق قبل البدء في التنفيذ فالبعد عن جهازك و التخطيط من خلال الورق في بداية أي مشروع هو أفضل الحلول لأنه يبعدك عن مصادر تشتيت الأفكار خصوصاًفي بداية تعلمك التعامل مع Wireframes
    4- المساحات البيضاء …
    في بعض الأحيان تكون البساطة هي الحل الأمثل لعمل تصميم ناجح فلا يوجد أي فائدة لحشو التصميم بزيادات غير ضرورية. القدرة على الوصول للمحتوى بسهولة و يُسر هي مفتاح نجاح أي موقع. تستطيع إنشاء تصميم بسيط و عملي دون أن يكون مملاً، بشعاً أو قبيحاً. و أشهر المواقع الناجحة بدأت و لا زالت تعمل بواجهات بسيطة جداً و أشهرها على الإطلاق هو موقع Google
    5- البرامج و التطبيقات …
    استخدم دائماً أحدث الإصدارات من أي برامج أو تقنيات التصميم المختلفة و ذلك لأن الشركة المبرمجة لم تطرح إصداراً جديداً إلا لإصلاح خطأ ما أو لإضافة إمكانيات جديدة تمكنك من الإبداع بشكل أكبر .
    6- القراءة …
    اقرأ دائماً مقالات في جديد التصميم و خاصة المجلات التي تتطرق أو تتخصص في التصميم  و لكن للأسف ليس كل المصممين يقدرون على تنفيذ هذه الخطوة و ذلك لضعف البعض في اللغة الإنجليزية.

    7- حدد المُستقبلين …
    ليس بالضرورة أن يعُجب العميل بما صنعت يداك من تصميم حتى و لو كان يعجبك فلولا تعدد الأذواق لبارت السلع !! لك الحق في إبداء نصيحتك الشخصية و الاحترافية و لكن فقط تلك التي قمت ببنائها على تحديد و دراسة للشريحة المُستَهدفة و التي يحاول العميل جذبها لزيارة الموقع .
    8- اسأل … استشر …
    هذا شعار إحدى الحملات الإعلانية في التليفزيون المصري و الصراحة هو شعار مناسب جداً لوصف هذه النقطة. ربما تحتاج لعرض أعمالك قبل الانتهاء منها . لا تحتاج لعرضها على الملأ !! فقط قم بعرضها على أصدقائك المُقربين و زملائك في نفس المجال و الذين تثق بهم ثقة عمياء فربما يقومون بلفت انتباهك لبعض الأخطاء التي ارتكبتها دون أن  تشعر . و تقبل النقد البناء لأنه بداية طريق تطوير الذات و بالتالي النجاح .
    9- احتفظ بـ” صندوق العدة” … 
    يجب أن يمتلك كل فنان
    العدة اللازمة لإخراج عمله في أحسن صورة و أنت فنان ! لذلك يجب عليك الاحتفاظ على جهازك بنسخ من أعمالك السابقة ،والعناصر التي تستخدمها Vectors ،  Brushes ، Textures ،
    10- الاختصارات …
    إنشاء اختصارات في لوحة المفاتيح للأشياء المتكررة : أغلب برامج التصميم بها اختصارات افتراضية وتمكنك من إنشاء اختصارات جديدة  للمهام المتكررة ، هذا سوف يساعدك على اختصار الوقت والقيام بأعمالك بسرعة أكبر .
    11- السعي وراء الالتزام …
    كتابة قائمة يومية والسعي نحو الالتزام بها : عند دخولك إلى شبكة الإنترنت تجد نفسك في مفترق طرق : مواقع متعدد ، خدمات متنوعة ، برامج الدردشة، تويتير … إلى غير دلك ، و كتابة قائمة بالمهام التي عليك إنجازها في اليوم يجعلك تتجه نحو الطريق الصحيح كما يمكن إنشاء قوائم أسبوعية تحدد فيها بعد الأهداف التي عليك إنجازها على مدار الأسبوع .
    12- إغلاق برامج التواصل أثناء العمل …
    13- سهولة الوصول إلى ملفاتك …
    14- احرص على أن تكون بيئة العمل مرتبة ونظيفة …
    15- استغلال فترة الصباح …
    16- المصمم الناجح لا يحتاج إلى الموهبة فقط ، بل يحتاج أيضا إلى الاجتهاد و الإصرار والذكاء …
    17- المنافسة …

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



    كل الحقوق محفوضة عرب ويب ©