ساختن فونت به صورت آنلاین بدون نیاز به هیچ برنامه ای! می 10, 2008
Posted by silvercover in اینترنت, ترفندها, دنیای کامپیوتر.Tags: ابزار آنلاین, طراحی فونت
3 comments
این روزها مدام شاهد ظهور ابزارهای آنلاین و سرویس های جور وا جور هستیم که رنگ و بویی دیگه به وب تزریق میکنند و تجربه ای جدید رو برای کاربران رقم می زنن. یکی دیگر از این ابزارهای نو ظهور ابزار FontStruct هست که واقعا کار آمد طراحی شده و شایسته تحسین هست. معماری این سرویس بر پایه تکنولوژی Flash بنا شده و از این حیث باعث شده که توسعه دهندگانش انعطاف زیادی در ارائه ویژگی های مورد نیاز داشته باشن. مثل اغلب ابزارهای تحت وب این ابزار هم به رایگان در دسترس هست و افراد فعلا بدون هیچ دغدغه ای میتونن ازش استفاده کنن.
این ابزار یک ویرایشگر مطلوب و در عین حال کارا در اختیار کاربران قرار می ده تا اون ها به راحتی به تولید فونت های خودشون از نوع TrueType بپردازن و در صورتی هم که مایل بودن اون رو با سایرین به اشتراک با مجوز Creative Common بگذارن و اون رو در گالری ویژه ای که برای این کار تدارک دیده شده قرار بدن. برای نشر هرچه بیشتر این سرویس و محبوب تر شدنش ، توسعه دهندگان اون ابزارکی ( Widget ) رو تدارک دیدن تا افراد به آسانی بتونن ساخته هاشون رو در وبلاگ ها و سایت هاشون در معرض دید عموم قرار بدن.
تنها لازمه استفاده از این سرویس ایجاد یک حساب کاربری رایگان هست که تنها یک دقیقه وقت نیاز داره. من که از کار با این ابزار لذت بردم و البته یه چیزایی هم ساختم که روم نشد اون ها رو به اشتراک بذارم.
برای رفتن به سایت FontStruct کلیک کنید.
تبدیل فایل ها به فرمت های مختلف به صورت آنلاین می 7, 2008
Posted by silvercover in اینترنت, ترفندها, دنیای کامپیوتر.Tags: ابزار آنلاین, تبدیل فرمت
2 comments
سایتی را که این بار قصد معرفی آن را داریم سایتی بسیار مفید برای تمامی افراد خواهد بود. بسیار پیش آمده
که نیازمندیم تا فایلی را از فرمتی به فرمت دیگر ( مثلا از PDF به DOC ) تبدیل کنیم و نبازمند مبدلی قابل اطمنیان بوده ایم. بدتر آنکه در شرایطی قرار گرفتیم که کامپیوتر شخصی خود را هم در اختیار نداشته ایم و می بایست در زمانی کوتاه از پس این کار بر بیاییم. خب چاره چیست؟
چاره این مشکل را می توان در سایت Zamzar یافت، سایتی رایگان که با ارائه خدمات تبدیل فرمت ها به یکدیگر به شما امکان می دهد که از این پس در سراسر دنیا به راحتی بتوانید اقدام به تبدیل فایل های خود به دیکدیگر نمایید. روال کار بدین صورت هست که ابتدا باید فایل منبع را در سایت آپلود کرد و سپس نوع فرمت نهایی را برگزید و در نهایت با وارد کردن آدرس ایمیل خود به انتظار دریافت فایل تبدیل شده نشست. با استفاده از این سرویس می توان اسناد صوتی ، تصویری، نوشتاری و ویدئویی را به یکدیگر تبدیل نمود.
البته باید یادآوری کرد که در هنگام تبدیل اسناد مهم باید مراقب بود و هر سندی را که حاوی اطلاعات حیاتی می باشد از این طریق تبدیل نکرد. به هر حال این روز ها با فراگیر شدن تب Web ۲ شاهد رشد قارچ گونه چنین سایت هایی هستیم که سرویس هایی مفید را به کاربران ارائه می دهند.
آدرس سایت:
اگه فلش داری غم نداری! آوریل 30, 2008
Posted by silvercover in ترفندها, دنیای کامپیوتر, عمومی, نرم افزار.Tags: Portable Software
1 comment so far
این بار قصد دارم تا یه ابزار رایگان مفید و کار راه انداز تحت عنوان PortableApps.com Suite رو به شما دوستان معرفی کنم. اما قبل از اون اجازه بدین تا نرم افزارهای Portable ( قابل حمل) رو به اختصار توصیف کنم. کلا به زبان عامیانه به نرم افزارهایی که نیاز به نصب ندارن و مستقلا اجرا میشن Portable گفته میشه که مزایای متعددی دارن که مهمترینش همون قابل حمل بودن اونهاس. به ترتیبی که در هر مکانی که دسترسی به کامپیوتر برای ما مهیا شد میتونیم USB Flash خودمون رو به سیستم وصل کنیم و از برنامه قابل حمل مد نظرمون استفاده کنیم.
این روزا با توجه به رشد استفاده از USB Flash ها و نیاز به استفاده از ابزارهای کاربردی، برنامه های کلاسیک در نسخه های قابل حمل هم عرضه میشن تا جاییکه Photoshop قابل حمل هم ارائه شده. بنابراین خیلی راحت میشه یه مجموعه ابزار مورد نیاز رو همیشه توی USB Flash همراه خودمون داشته باشیم. اما با این حال به مرور زمان احساس می کنیم که ای کاش یه چیزی بود که باهاش می تونستیم ابزارهای رو فلش دیسک و داده های مربوطه رو سریعتر و بهتر مدیریت کنیم تا مثلا موقعی تعدد برنامه ها زیاد میشه بتونیم سریع و راحت به هدف برسیم و یا نخوایم همه ی کارها رو دستی انجام بدیم. اما این نیاز ما از قبل توسط برنامه PortableApps.com Suite پاسخ داده شده! با استفاده از این ابزار تمامی کارهایی که ازش یاد کردم به راحتی امکان پذیره. بهتر از اون این هست که این ابزار به همراه یک مجموعه از نرم افزارهای مفید قابل حمل مثل مرورگر فایرفاکس و یا OpenOffice در سه نسخه متفاوت عرضه شده که تفاوت عمدشون در تعداد برنامه هایی هست که به صورت پیشفرض ارائه می کنن. البته به راحتی می تونیم ابزارهای دیگه خودمون رو بهش اضاف کنیم.
شاخصه ی دیگه این ابزار که قابل توجه هست این هست که مجموعه ای از ابزارهای مفید و مورد نیاز در اغلب زمینه ها که از قبل پیکربندی هم شدن برای کاربران گرد آوری شده که زحمت یافتن و تنظیم رو از دوش کاربراش برمیداره که این خیلی دلپذیر هست. اگر یه سر به سایت سازندش بزنین با لیستی از برنامه های قابل حمل مفید مواجه خواهید شد که می تونین در صورت لزوم دریافتشون کنین.
این مجموعه در سه ویرایش Lite، Basic و Standard عرضه شده که همون طور که گفتم تفاوتشون در تعداد برنامه های ارائه شده هست. این برنامه که خیلی به درد من میخوره ، امیدوارم که شما هم ازش استفاده کنید و لذت ببرید.
افزایش کارایی فرم ها با بهره گیری از پیام های خود کار آوریل 14, 2008
Posted by silvercover in برنامه نویسی و توسعه وب, ترفندها, دنیای کامپیوتر.Tags: usability, CSS
2 comments
در این خود آموز نحوه اضافه کردن پیام های خود کار به فیلد های یک فرم آموزش داده میشه. با استفاده از این تکنیک هنگامی که کاربر یک فیلد رو انتخاب کنه یک پیام حبابی با جلوه FadeIn ( ظاهر شدن) نمایان میشه و موقعی هم که تمرکز از فیلد مورد نظر گرفته بشه با جلوه FadeOut غیب میشه.
در این تکنیک از فریم ورک Scriptaculous جهت خلق جلوه ها استفاده شده. برای دانلود این خود آموز هم اینجا رو کلیک کنید.
مرحله 1 : ضمیمه کردن کتابخانه های Scriptaculous
ابتدا یک فایل خالی html ( مثلا index.html ) رو ایجاد کنید و در قسمت Head اون کد زیر رو قرار بدین:
<input type=“text” name=“name” id=“name“ onfocus=“javascript:showMsg(1)“/>
<input id=“msgstatus” type=“hidden” value=“0″ />
<div class=”msg” id=“msg1“ style=“display:none;”>
…some html code here…
<a href=“#” onClick=“javascript:hideMsg(1)“> Close </a>
<div/>
<input type=“text” name=“email” id=“email“ onfocus=“javascript:showMsg(2)“/>
<input id=“msgstatus” type=“hidden” value=“0″ />
<div class=”msg” id=“msg2“ style=“display:none;”>
…some html code here…
<a href=“#” onClick=“javascript:hideMsg(2)“> Close </a>
<div/>
توجه کنید که در قطعه کد بالا از تگ div برای نمایش کادر پیام استفاده میشه. حالا اگر نیاز داشته باشید که تعداد فیلد های بیشتری بسازین و برای هر کدوم هم یه کادر پیام مجزا بذارین باید قسمت ID هر تگ div رو به صورت افزایشی نامگذاری کنید. مثلا msg3 ، msg4 . از طرف دیگه باید شماره هر کادر رو هم با تابع showMsg اعلام کنید.
مرحله 3 : توابع Javascript
الان نوبت این هست که کدهای جاوا اسکریپتی رو که قرار هست باعث نمایان شدن و غیب شدن پیام ها میشه در قسمت head فایل خودمون درج کنیم. بلو اولی برای نمایان کردن پیام هست و دومی برای غیب کردنش.
function showMsg(idElement){
idEl= idElement;
statusMenu = document.getElementById(‘msgstatus’);
if(statusMenu.value==0){
statusMenu.value=1;
Effect.toggle(‘msg’+idEl, ‘appear’); return false;
}
}
idEl= idElement;
statusMenu = document.getElementById(‘msgstatus’);
if(statusMenu.value==1){
statusMenu.value=0;
Effect.toggle(‘msg’+idEl, ‘appear’); return false;
}
}
