هذه الأوراق لها العديد من الفوائد في توفير الكثير من الوقت و كذلك في المساعدة في تطوير مهاراتك وإنتاجيتك في المهام المتختلفة.

فهي تزود مرجع سريع وبسيط وتساعد في التعلم السريع بواسطة إلقاء الضوء على جميع المعلومات المحتاجة.بالتأكيد هناك مراجع و وثائق، لكنها احياناً تكون كبيرة و مزعجة.

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

PHP

CSS 3

HTML 5

.htaccess

jQuery

Web Developer’s SEO

Photoshop Keyboard Shortcuts

MySQL

Javascript

Color Codes

Apache

Firebug

MOD_REWRITE

Ruby on Rails

ASP/VBSCRIPT

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

التعريف بـ Types

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

تحميل Types

يمكنك تحميل البرنامج من خلال موقع البرنامج او من هنا.

ملف اللغة العربية (التعريب)

في البداية قم يتحميل ملف اللغة العربية من الموقع.

يمكنك تفعيل اللغة العربية في البرنامج باحدى الطريقتين:

• الاولى: وضع ملف اللغة العربية في نفس المكان (نفس المجلد) لمنصب البرنامج Setup.

• الثانية: اذا قمت بتنصيب البرنامج ولم تعتمد الطريقة الاولى واردت تغيير لغة البرنامج يمكنك النقر على الزر F1 ثم اختيار اللغة العربية مع ضرورة وجود ملف اللغة العربية في نفس المجلد للبرنامج الذي قمت بتنصيب البرنامج به (الافتراضي: C:\Program files\Types).

التعريف بـ   Bytessence DuplicateFinder – BDF

BDF هو احد منتجات Bytessence وهو برنامج مجاني مصمم للكشف بأمان عن أي تكرار للملفات التي قد تكون لديكم على جهاز الكمبيوتر. تم تصميم BDF في اعتبار البساطة والسرعة والأمان.

الملفات المكررة لها تأثير سلبي على النظام، لمضيعتها للمساحة القيمة الموجودة عليها وكذلك تزيد من الوقت المستغرق في البحث عن الفيروسات (برامج مضادات الفيروسات Antivirus) بالاضافة الى انها تجعل من الصعب ترتيب ملفاتك    !!!

مميزات   Bytessence DuplicateFinder – BDF

• برنامج مجاني 100%.
• سهل الاستخدام.
• واجهة الاستخدام ذات معالج، ومتعددة اللغات.
• دعم Unicode لاسماء الملفات.
• فحص المجلدات ومجموعات الملفات.
• خوارزميات كشف محسنة (file size, CRC32 and bytewise comparison).
• كشف التكرار بواسطة محتوى، تواريخ، اسم، حجم.
• استخدام مرشحان الملفات (تاريخ، صفات، حجم) لتقليل وقت الفحص.
• تحديد تلقائي للملف المكرر.
• يمكن (نسخ، نقل، حذف، تعلية لبرنامج خارجي) للملفات المكررة.
• بريد دعم فني مجاني.

متطلبات النظام (التشغيل)

• 233 MHz processor (أو أفضل)
• 64 MB ذاكرة.
• 4 MB مساحة على القرص الصلب.
• نظام تشغيل : Windows(TM) NT 4.0, 2K, XP, Vista, 7 (32bit)
• Microsoft Internet Explorer 5.0 أو أعلى .

تحميل البرنامح

• لتحميل البرنامج بصيغة EXE من هنا
• لتحميل البرنامج بصيغة ZIP من هنا

ملف اللغة / التعريب

قم بتحميل ملف اللغة/التعريب (اللغة العربية) من الموقع او من هنا.

تركيب ملف اللغة

قم بوضع ملف اللغة (الذي قمت بتحميله قبل قليل) داخل المجلد Localization الموجود ضمن مجلد البرنامج، ومن ثم شغل البرنامج ثم Settings ثم اختر اللغة العربية من القائمة Program Language واخيراً OK.

كن الآن احد كتاب مدونة حلول.

كل ما عليك سوى ارسال سيرتك الذاتية عبر البريد الالكتروني على العنوان التالي

بسم الله الرحمن الرحيم

كل عام وأنتم بألف خير …. كل عام والأمة الإسلامية بخير

أعاده الله عليكم وعلى الجميع بالخير واليمن والبركة

تحتوي هذه المجموعة على 22 ايقونة منوعة ذات دلالات مختلفة مثل ورق, اقلام, كتاب, مسطرة, ممحاة, دفتر, وغيرها

نوع الايقونات : PNG

احجام الايقونات :  256 بيكسل

حجم المجموعة : 512 KB

بامكانك تحميلها مجاناً بالضغط على صورة ” تحميل”

لعل المفضلات الاجتماعية (Social Bookmarking) اكير مصدر للزيارات والزوار لبعض المواقع, فمواقع مثل Stumbleupon و Deliciou ترسل مئات الآلاف من الزوار لعالم المدونات.

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

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

في هذه التدوينة اضع شيفرة وورد بريس لـ 33 رابطاً لأكبر مواقع المفضلات الاجتماعية

Blinklist

http://www.blinklist.com/index.php?Action=Blink/addblink.php&Url=<?php the_permalink(); ?>&Title=<?php the_title(); ?>

Delicious

http://delicious.com/post?url=<?php the_permalink(); ?>&title=<?php the_title(); ?>&notes=<?php the_excerpt(); ?>

Design Float

http://www.designfloat.com/submit.php?url=<?php the_permalink(); ?>&title=<?php the_title(); ?>

Digg

http://digg.com/submit?phase=2&url=<?php the_permalink(); ?>&title=<?php the_title(); ?>&bodytext=<?php the_excerpt(); ?>

Diigo

http://www.diigo.com/post?url=<?php the_permalink(); ?>&title=<?php the_title(); ?>

Dzone

http://www.dzone.com/links/add.html?url=<?php the_permalink(); ?>&title=<?php the_title(); ?>

Facebook

http://www.facebook.com/share.php?u=<?php the_permalink(); ?>&t=<?php the_title(); ?>

Fark

http://cgi.fark.com/cgi/fark/farkit.pl?h=<?php the_title(); ?>&u=<?php the_permalink(); ?>

Friendfeed

http://www.friendfeed.com/share?title=<?php the_title(); ?>&link=<?php the_permalink(); ?>

Google Bookmarks

http://www.google.com/bookmarks/mark?op=edit&bkmk=<?php the_permalink(); ?>&title=<?php the_title(); ?>&annotation=<?php the_excerpt(); ?>

Hacker News

http://news.ycombinator.com/submitlink?u=<?php the_permalink(); ?>&t=<?php the_title(); ?>

Identi.ca

http://identi.ca/notice/new?status_textarea=<?php the_permalink(); ?>

Linked In

http://www.linkedin.com/shareArticle?mini=true&url=<?php the_permalink(); ?>&title=<?php the_title(); ?>&summary=<?php the_excerpt(); ?>

Live Favorites

https://favorites.live.com/quickadd.aspx?marklet=1&url=<?php the_permalink(); ?>&title=<?php the_title(); ?>

Mister Wong

http://www.mister-wong.com/addurl/?bm_url=<?php the_permalink(); ?>&bm_description=<?php the_title(); ?>

Mixx

http://www.mixx.com/submit?page_url=<?php the_permalink(); ?>&title=<?php the_title(); ?>

MySpace

http://www.myspace.com/Modules/PostTo/Pages/?u=<?php the_permalink(); ?>&t=<?php the_title(); ?>

Netvibes

http://www.netvibes.com/share?title=<?php the_title(); ?>&url=<?php the_permalink(); ?>

Newsvine

http://www.newsvine.com/_tools/seed&save?u=<?php the_permalink(); ?>&h=<?php the_title(); ?>

Ping.fm

http://ping.fm/ref/?link=<?php the_permalink(); ?>&title=<?php the_title(); ?>&body=<?php the_excerpt(); ?>

Posterous

http://posterous.com/share?linkto=<?php the_permalink(); ?>&title=<?php the_title(); ?>&selection=<?php the_excerpt(); ?>

Propeller

http://www.propeller.com/submit/?url=<?php the_permalink(); ?>

Reddit

http://reddit.com/submit?url=<?php the_permalink(); ?>&title=<?php the_title(); ?>

Slashdot

http://slashdot.org/bookmark.pl?title=<?php the_title(); ?>&url=<?php the_permalink(); ?>

Sphere

http://www.sphere.com/search?q=sphereit:<?php the_permalink(); ?>&title=<?php the_title(); ?>

Sphinn

http://sphinn.com/index.php?c=post&m=submit&link=<?php the_permalink(); ?>

StumbleUpon

http://www.stumbleupon.com/submit?url=<?php the_permalink(); ?>&title=<?php the_title(); ?>

Technorati

http://technorati.com/faves?add=<?php the_permalink(); ?>

Tipd

http://tipd.com/submit.php?url=<?php the_permalink(); ?>

Tumblr

http://www.tumblr.com/share?v=3&u=<?php the_permalink(); ?>&t=<?php the_title(); ?>&s=<?php the_excerpt(); ?>

Twitter

http://twitter.com/home?status=<?php the_title(); ?> – <?php the_permalink(); ?>

Yahoo Bookmarks

http://bookmarks.yahoo.com/toolbar/savebm?u=<?php the_permalink(); ?>&t=<?php the_title(); ?>

Yahoo Buzz

http://buzz.yahoo.com/submit/?submitUrl=<?php the_permalink(); ?>&submitHeadline=<?php the_title(); ?>&submitSummary=<?php the_excerpt(); ?>&submitCategory=science&submitAssetType=text

بقي امر اخر, اذا كنت تضع صوراً في الاقتباسات فيجب تعديل الرابط ليصبح كالتالي

http://delicious.com/post?url=<?php the_permalink(); ?>&title=<?php the_title(); ?>

بدلاً من

http://delicious.com/post?url=<?php the_permalink(); ?>&title=<?php the_title(); ?>&notes=<?php the_excerpt(); ?>

ان كانت لديك اية شيفرة اخرى بإمكانك ارسالها وسأضيفها بالطبع.

تحتوي هذه المجموعة على 13 ايقونة منوعة ذات دلالات مختلفة

نوع الايقونات : PNG

احجام الايقونات : 16, 24, 32, 48, 64, 128, 256 بيكسل

حجم المجموعة : 688 KB

بامكانك تحميلها مجاناً بالضغط على صورة ” تحميل”

تحتوي هذه المجموعة على 6 ايقونات للغة البرمجية Ruby و كذلك يمكن استخدامها كايقونة للالماس

نوع الايقونات : PNG

احجام الايقونات : 128, 256, 512 بسكل

حجم المجموعة : 1.32 MB

بامكانك تحميلها مجاناً بالضغط على صورة ” تحميل”

التعريف بـ Xdebug

تعد الاضافة Xdebug من الادوات التي تسعدك في تنقيح الكود او الشيفرة بتقديم معلومات وتفاصيل ذات قيمة ومفيدة في نفس الوقت, ومن المعلومات التي يمكن لـ Xdebug ان يقدمها:

1. تتبع الشيفرة والاقترانات او الدوال (stack traces and function traces) في رسائل الاخطاء وتشمل:
   • عرض كامل للعوامل المتغيرة للدوال المعرفة (full parameter display).
   • عرض اسم الدالة, اسم الملف, السطر.
   • دعم للدوال الأساسية.
2. تخصيص الذاكرة.
3. تحليل و معلومات حول سكريبتات PHP (profiling information for PHP scripts).

التعريف بـ NetBeans IDE

NetBeans مشروع يوفر نسخة من بيئة تطويرية متكاملة مصممة خصيصا لتطوير مواقع PHP. فمطوروا PHP ليسوا بحاجة لتركيب حزمة جافا التطويرية (JDK) لتشغيل NetBeans PHP بل على العكس, فحزمة جافا القياسية تكفي للعمل بحيوية. محررNetBeans محرر ديناميكي متكامل لعمل مع HTML, JavaScript, CSS.

دمج Xdebug و NetBeans

حسناً, بعد ان قمت بالتحميل, قم بتنصيت برنامج NetBeans. و من ثم ضع ملف الاضافة Xdebug داخل مجلد الاضافات في PHP (عادة ما يكون المسار PHP/ext).قم بإنشاء مجلد جديد في مجلد السيرفر المحلي باسم tmp وبداخله مجلد اخر باسمxdebug. بعد انتهائك, سنحتاج للتعديل على الملف php.ini (عادة ما يكون داخل المجلد windows), اذهب الى نهاية الملف و اضف الكود التالي:

[xdebug]
zend_extension_ts="d:/server/php/ext/php_xdebug-2.0.3-5.1.7.dll"
  xdebug.remote_enable=1
  xdebug.remote_host=127.0.0.1
 xdebug.remote_port=9000
  xdebug.remote_handler=dbgp
 xdebug.profiler_output_dir = "D:/server/tmp/xdebug"
 xdebug.profiler_output_name = "cachegrind.out.%p"
 xdebug.profiler_enable = 0
 xdebug.profiler_append=0
 xdebug.extended_info=1
 xdebug.remote_handler=dbgp
 xdebug.remote_mode=req
 xdebug.idekey=xdebug
 xdebug.remote_log="D:/server/tmp/xdebug/xdebug_remot.log" 
 xdebug.show_exception_trace=0
 xdebug.show_local_vars=9
 xdebug.show_mem_delta=0
  xdebug.trace_format=0

ضع في السطر الثاني المسار لملف الاضافة (قد يكون مسار الملف غير عن المسار لدي).

ضع في السطر السابع المسار لملف xdebug  (الذي قمت بانشائه في مجلد السيرفر المحلي)(قد يكون مسار الملف غير عن المسار لدي).

ضع مكان النص الملون بالاخصر في السطر الخامس عشر نفس عنوان الذي وضغته في السطر السابع.

فيما يخص السطر الخامس, هذا يشير الى منفذ الاضافة و يجب ان يكون مثل المنفذ في برنامج NetBeans. اما لقيمة الافتراضية فهي 9000.

التأكد من صحة تنصيب Xdebug

للتأكد من نجاح تنصيب الاضافة xdebug, قم بانشاء PHP صفحة تحتوي على الكود التالي:

<?php
phpinfo();
?>

ليظهر لك التالي

في حال لم تظهر لديك, هذا يعني وجود خلل في التنصيب. قد يعود الى اصدارة الاضافة التي تلائم نسخة PHP لديك, او لخطأ في مسار المجلدات.

استخدام Xdebug في NetBeans

سأضع بعض الأمثلة على استخدام الاضافة Xdebug في برنامج NetBeans IDE, اثناء عملك على مشروع تحتاج احياناً لتعلم قيمة المتغيرات في الكود, لذا قم بوضع نقطة حمراء امام السطر المطلوب (بالضعط على رقم السطر) مثل الصورة ادناه

و من ثم اضعط على الرز التالي او (CTRL + F5)

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

بالتوفيق .