هميشه در طراحي و توسعه ي وب نيازمند ابزار ها و امكاناتي هستيم كه از سايت هاي ديگر به صورت رايگان قابل دسترسي هستند ، ابزارها و لوازمي كه در صورت تهيه به صورت شخصي باعث خرج وقت و سرمايه مي باشد . در اين بخش مي خواهم شما را با 100 ابزار و 100 سايت ارائه دهنده ي آن لوازم سودمند و كاربردي آشنا كنم .
اين ابزار ها عموما" شامل كدهاي JavaScript ، CSS ، HTML و AJAX مي باشند :
1- نمايش توضيحات بالوني : اين ابزار با اضافه نمودن كدهاي مختصري از JavaScript و CSS در سايت يا وبلاگ شما ميسر مي شود . اين ابزار اين امكان را فراهم مي آورد كه توضيحات بيشتري از متن هاي انتخابي تان را در يك فضاي بالون شكل نشان دهيد ، اين ابزار از آدرس http://web-graphics.com/mtarchive/001717.php قابل دسترسي مي باشد .

2- نمايش توضيحات جعبه اي : اين ابزار نيز همانند قبلي بوده و از javascript ، DHTML بهره مي گيرد و بر مبناي خاصيت title عمل مي كند . نمونه ي آن در صفحه ي نخست فارس وب قابل مشاهده بوده و اين ابزار از آدرس http://boxover.swazz.org قابل دسترسي مي باشد .

3- ايجاد فرم هاي تماس : شما مي توانيد فرم هاي وب شخصي و استاندارد خود را به راحتي طراحي كنيد ، اين مقاله را از آدرس http://alistapart.com/articles/prettyaccessibleforms بخوانيد .

4- ساخت جعبه هايي با گوشه گرد : اين سايت شرايطي را فراهم مي كند كه شما با استفاده از CSS و HTML جعبه هايي با گوشه هاي گرد خلق كنيد ، اين ابزار را مي توانيد از http://spiffycorners.com ببينيد.

5- ايجاد نقشه سايت : شما مي توانيد به سادگي يك نقشه ي سايت (Site Map) براي سايت خود فراهم كنيد ، خروجي اين ابزار بر مبناي CSS و HTML مي باشد و از آدرس http://scottjehl.com/v7/index.php/proces...al_sitemap قابل استفاده مي باشد.

6- منوهاي CSS آماده : نمونه هاي بسياري از منوهاي CSS آماده را مي توانيد از آدرس http://exploding-boy.com/images/EBmenus/menus.html دانلود و استفاده كنيد .

7- قالب هاي وب 2 : شما قادر خواهيد بود از سايت http://www.templateworld.com/free_templates.html قالب هائي حرفه اي ، زيبا ، رايگان و استاندارد و بر پايه ي XHTML و CSS را دانلود كنيد .

8- ساخت ليست دلخواه : حتما" در بعضي از سايت ها ديده ايد كه لينك هاي ليست وار به صورت فانتزي و آيكون خاص قرار گرفته اند ؛ توسط اين ابزار مي توانيد ليست هاي دلخواه خود را بسازيد ، اين ابزار از آدرس http://www.macworld.com/2005/12/secrets/.../index.php قابل دسترسي است .

9- پنجره ي پيغام : گاها" ممكن است بخواهيم پيام خاصي را در قالب هشدار يا اطلاعيه به بازديد كنندگانمان عرضه كنيم ، توسط ابزار ساخت اين پنجره ها مي توانيد پنجره هاي فانتزي و شخصي و قابل بسته شدن توسط كاربر بسازيد ، اين ابزار از آدرس http://dbachrach.com/blog/2006/10/09/a-c...-dashboard قابل ساخت مي باشد .

10- ساخت لودينگ بار : برخي از اجزاء صفحه ي وب نياز به انيميشني جهت رساندن پيغام "در حال بارگزاري" (Loading) دارند . توسط ابزارهاي سايت http://www.ajaxload.info مي توانيد نمونه ي عكس در حال بارگزاري دلخواه خود را بسازيد .

11- منوي راست كليك ماوس : در سايت http://ajaxian.com/archives/dynamic-righ...ntext-menu مي توانيد براي لينك ها يا كل صفحه منوي دلخواه بازشونده با راست كليك بسازيد . اين منو ها قابليت پويا (Dynamic) و ايستا (Static) را نيز دارا مي باشند .

12- گرما سنج : اين ابزار نقاط گرم سايتتان را به شما نشان مي دهد ! منظور از نقاط گرم ؛ نقاطي است كه بازديد كنندگان بيشترين تعداد كليك را در آن نقاط داشته اند . جهت تمايل به داشتن همچين گرما نگاري مي توانيد به سايت http://www.labsmedia.com/clickheat/index.html مراجعه كنيد .

13- جدول CSS : در سايت http://lesliefranke.com/files/reference/...sheet.html شما تمام دستورات CSS به همراه خصوصيات و نحوه ي استفاده و عملكرد آنها را يك جا در اختيار داريد !

14- سبك نمايش گالري عكس : اگر مي خواهيد يك سبك نمايش خلاقانه از عكس هايتان را در اختيار داشته باشيد ، سايت http://mondaybynoon.com/2006/03/27/sucke...erlightbox را فراموش نكنيد !

15- دكمه هاي فانتزي با CSS : در سايت http://usewisdom.com/home/webmaster/css_button.html مي توانيد دكمه هاي دلخواه فقط با CSS را توليد و استفاده كنيد .

16- نوار مقياس : شما تنها با CSS قادر خواهيد بود نوارهاي نمايش گرافيكي مقدار را براي خود فراهم كنيد ؛ براي اين امر به آدرس http://applestooranges.com/blog/post/css...phs/?id=55 مراجعه كنيد .

17- قرار دادن آيكون براي هر چيزي : شما مي توانيد با استفاده از كدهاي مختصر CSS به هر چيزي كه بخواهيد آيكون اضافه كنيد ؛ مانند لينك ها كه يك نمونه در عكس زير قابل مشاهده مي باشد . اين ابزار از آدرس http://www.hunlock.com/blogs/Attach_icon...g_with_CSS قابل دسترسي مي باشد .

18- تكميل خودكار فرم ها : حتما" در سايت ها ديده ايد كه در بعضي از ورودي ها برخي كلمات پيشنهاد مي شود ، مانند ورودي موتورهاي جستجو و يا ثبت نام ها . اين سورس كد كه بر مبناي Ajax (ايژكس يا ايجكس) مي باشد از آدرس http://demo.script.aculo.us/ajax/autocompleter قابل دريافت است .

19- يافتن لينك دهندگان : توسط ابزار سايت http://www.talkdigger.com قادر خواهيد بود سايت هائي را كه به سايت شما لينك داده اند را بيابيد .

20- تبديل سايت به كتاب : شايد لازم باشد كه گاها" سايت ها يا وبلاگ هايمان را در قالب كتاب الكترونيك منتشر كنيم . اين عمل توسط ابزار سايت http://asprise.com/product/blogcollector ميسر است .

21- اجزاء فرم به صورت گرافيكي : اگر ظاهر اجزاء فرم ها مثل دكمه هاي راديوئي و چك باكس ها براي شما دلپسند نيست ، در سايت http://www.flog.co.nz/lab/ARC/ARC.htm مي توانيد اين اجزاء را به صورت گرافيكي و زيبا در آوريد .

22- نقل و قول بالوني : چنانچه قصد درج توضيح و يا نقل و قول توسط CSS در صفحاتتان را داريد ، مي توانيد در سايت http://www.willmayo.com/2007/02/10/css-speech-bubbles از هزاران نمونه ي آماده و زيبا بهره مند شويد .

23- گراف عمودي با CSS : ايجاد گراف براي بخش هاي آماري سايت هميشه مقوله اي اجتناب نا پذير مي باشد ، در سايت http://www.terrill.ca/design/vertical_bar_graphs مي توانيد به كمك CSS و PHP از گراف هاي دايناميك بهره بگيريد .

24- نمايش عكس ها با Loading : حتما" در سايت هاي حاوي عكس ديده ايد كه عكس كوچك نمايش داده شده و با كليك روي آن با افكت هاي مختلف و Loading عكس واقعي قابل مشاهده مي باشد . شما هم مي توانيد در سايت http://www.huddletogether.com/projects/lightbox اين ابزار را براي سايت خود فراهم كنيد .

25- ساخت Map با CSS : در سايت http://www.frankmanno.com/ideas/css-imagemap به راحتي مي توانيد براي نقاط مختلف عكس خود لينك ؛ توضيح و ... درج كنيد . اين ويژگي همانند خاصيت Map در HTML مي باشد ، اما اين بار با CSS .

26- پيمايش پالتي : همانطور كه در عكس مشاهده مي كنيد ، اين سايت انواع و اقسام پيمايش هاي گرافيكي را به صورت پالت يا Tab در اختيار شما قرار مي دهد و از آدرس http://superfluousbanter.org/archives/20...navigation قابل مشاهده مي باشد .

27- جداول درختي : در سايت http://www.maxdesign.com.au/presentation/tree-table مي توانيد جداول درختي گرافيكي و دلخواه خود را توليد و استفاده كنيد .

28- متمايز نمودن لينك ها : همانطور كه مي دانيد لينك هاي سايت شما يا مربوط به سايت خودتان است و يا به سايتي غير از سايت شما اشاره مي كند . سايت http://www.maxdesign.com.au/presentation/external به شما مي گويد كه چگونه به صورت دلخواه ظاهر اين اينكها را از هم متمايز كنيد .

29- نسخه قابل چاپ : حتما" در برخي از سايت ها به عبارت "نمایش نسخه قابل چاپ" برخورد كرده ايد . اين نسخه همان اطلاعات را با ظاهري مناسب چاپ به شما نشان مي دهد . در آدرس http://www.alistapart.com/articles/goingtoprint بيشتر با اين مقوله آشنا مي شويد .

30- بازگشت به بالاي هوشمند : در سايت هايي كه نياز با پيمايش زيادي دارند لينكي به نام "بازگشت به بالا" وجود دارد كه كاربر را بلادرنگ به بالاي صفحه هدايت مي كند ، اما اگر حجم صفحات آنقدر نباشد كه نياز به پيمايش كاربر باشد ، اين امر نياز نيست . سايت http://www.maratz.com/blog/archives/2006...o-top-link ابزاري را فراهم مي آورد كه با توجه به حجم صفحه لينك "بازگشت به بالا" را براي كاربر نشان مي دهد .

|