ایجاد نوتیفیکیشن گذرا در سایت
بعضی مواقع برای اطلاع دادن کاربر از چیزی که هم اکنون در سایتی که میبیند اتفاق افتاده از نوتیفیکیشن های شناور استفاده می شود ، مثلا وقتی در فیسبوک هستید و ناگهان یک نفر پست شما را لایک میزند یک مستطیل خاکستری پایین صفحه نمایش داده میشود که فلان کس پست شما را لایک کرد ، و بعد از چند لحظه از بین میرود ، در این پست قصد دارم یک پلاگین جاواسکریپت معرفی کنم که این کار را براحتی برای شما انجام می دهد .
alertify یک پلاگین جاواسکریپت و مستقل از Jquery است که هم میتوان دیالوگ و آلرت با آن نشان داد و هم نوتیفیکیشن . کافیست بصورت زیر آن را در سورس HTML خود قرار دهید .
ما از هم متنفریم !
شاید این چند روزه با بررسی هایی در مورد تبلت دیمو در وبلاگ های فناوری برخورد کرده اید . تبلت دیمو یک تبلت ارزان با امکانات متوسط است که در ایران به نام ساخت ایران فروخته می شود اما به نظر میرسد از کمک کشور های دیگر درتولید و طراحی آن بیشتر استفاده شده است . در این نوشته قصد ندارم به ایرانی بودن یا نبودن و امکاناتی که این تبلت دارد یا ندارد و مقایسه فنی با تبلت های دیگر بپردازم ، چیزی که من را به فکر وا داشت تا این نوشته را بنویسم تفاوت نقد این تبلت با سایر تبلت های چینی یا هندی ارزان قیمت بود . تبلت های ارزان و با امکانات کم هم اکنون در بازار هستند که به هیچ وجه قابل مقایسه با آیپد یا گلکسی تب و نوت نیستند ، نه از لحاظ کارایی و نه از لحاظ محبوبیت برند . چیزی که در وبلاگ نردبان به آن پرداخته شده بود تفاوت دو برند دیمو و اپل در طرز فکرمدیریت و هدف دو شرکت بود که مسلما همانطور که نوشته شوده بود اهداف این دو شرکت از زمین تا آسمان با هم متفاوت است . قصد ندارم به درستی این مقایسه یا کامنت ها وتوییت هایی که راجع به این تبلت دیدم بپردازم اما مسئله ای که وجود دارد پرداخت بیش از حد به یک تبلت در مقایسه با تبلت های ارزان قیمت مشابه است . خیلی از افراد در کامنتها و توییت هایشان از این نقد تفریحی لذت می بردند و با حالتی طنز آمیز به مسخره کردن آن پرداختند ، درست است که این تبلت فرسنگ ها با تبلت های روز دنیا فاصله دارد و اصلا نام ایرانی نمیتوان بر روی آن گذاشت ، اما مسئله لذت بردن از انتقاد مسئله ی امکانات و مشخصات فنی نیست موضوع فرهنگ مسخره کردن در ماست .
دلیل این پرداختن ها و مقایسه کردن ها بی شک عنوان ایرانی بودن این تبلت است ، حساسیتی که باعث می شود همه با نگاه بیشتری عملکرد آن را زیر ذره بین قرار دهند ادعای ایرانی بودن آن است وگرنه چنین مقایسه هایی برای تبلت های مشابه خارجی در وبلاگ ها یا توییتر دیده نشده است . بیایید از بیرون به جامعه خود نگاه کنیم . جامعه ی ما به خاطر محدودیت های زیادی که دارد افرادی را تربیت میکند که در بازی های کودکی یاد میگیرند برای نشستن روی یک صندلی با هم جنگ کنند و کنار زدن دوستان خود را عاملی برای پیروزی می دانند . کسی که در محیط آموزشی یاد میگیرد برای داشتن معدل بالاتر باید به معلم نزدیکتر بود و همیشه برای پیشرفت خود باید یک نفر را شکست دهد . همه ی این افراد که به نوعی روحیه ی جنگ طلبی با یکدیگر دارند توسط رسانه های داخلی مسخره کردن را یاد میگیرند ،از مسخره کردن های اشخاص که در رسانه ملی در برنامه های طنز دیده می شود تا گفتگو های ساده ی دوستانه . این مسئله وقتی بدتر می شود که تعداد این افراد بیش از هفتاد میلیون نفر درکنار هم باشد . به خاطر محدودیت هایی که در تفریح و شادی توسط جامعه به آنها تحمیل شده است ناچارا به هر اتفاقی که در جامعشان می افتد باید برچسب طنز و مسخره آمیز بزنند تا دقایقی را شاد باشند . مردمی که برای رهایی از حس تحقیر شدنی که از کودکی با آنها همراه بوده یا باید همه را شکست دهند تا واقعا پیشرفت کنند یا باید کسانی که میخواهند متفاوت باشند را تخریب کنند تا از آنها عقب نمانند .
این مسئله در کارهای گروهی بسیار خودش را نشان میدهد که هیچ کس تحمل دیگری را ندارد و برای اثبات حرف خود با همکارنش میجنگد . بر اساس این عادت زشت کافیست یک استارت آپ در این جامعه شروع به کار کند همه دشمن او خواهند شد و تمام نیروی خود را صرف می کنند که به نوعی او را زمین زنند .
اجرای CronJob در وب سرور لوکال ویندوز
در صورتی که بخواهید یک برنامه نوشته شده به زبان PHP در سرور اجرا شود خیلی راحت میتوانید با استفاده از تنظیمات کنترل پنل سرور در قسمت CronJob این کار را انجام دهید اما اگر فایل PHP مورد نظر شما می بایست در لوکال مثلا xampp یا wampp اجرا شود روش کار متفاوت خواهد بود . من برای هماهنگ سازی اطلاعات روی دیتابیس سرور با اطلاعات موجود در دیتابیس کامپیوترم از این روش استفاده کردم تا هر 5 دقیقه یکبار دستوراتی که میخواهم اجرا شود .
برای اینکار می بایست ابتذا فایل PHP مورد نظر خود را در www یا htdocs لوکال قرار بدهید سپس با رفتن به تنظیمات Windows Task Scheduler و تعریف یک دستور و زمان بندی اجرا، اسکریپت مورد نظر را بطور مداوم اجرا کنید .
ساخت برنامه از کدهای تحت وب برای همه ی سیستم عاملهای دسکتاپ
کدهای تحت وب برای اجرا همیشه احتیاج به وب سرور و در بعضی مواقع دیتابیس دارند و مانند برنامه های داخل ویندوز و مک و لینوکس بصورت اجرا شدنی نیستند ، بعضی مواقع لازم میشود که یک برنامه تحت وب که مثلا با PHP یا Python نوشته شده را درون ویندوز بدون مرورگر اجرا کرد ، مثلا اینترنت برای مشتری قراهم نیست و شما میخواهید پیش نمایشی از سایتی که برایش طراحی کردید را به او نشان دهید ئ قصد نصب وب سرور داخلی و تنظیمات و راهنمایی استفاده هم ندارید در این حالت یه مبدل کدهای شما به فایل اجرایی بدون نیاز به نصب با استفاده آسان خیلی به کمکتان خواهد آمد . و از همه مهمتر برنامه در مرورگرهای قدیمی که HTML5 و CSS3 را پشتیبانی نمیکنند اجرا نمیشود ، تقریبا همان چیزی است که همه ی طراحان و برنامه نویسان میخواهند .
tidesdk نام برنامه ای است که این کار را به سرعت و به راحتی انجام می دهد کافیست کدها و برنامه ی مخصوص Developer ها را از سایت سازنده دانلود کنید و از کدهای از قبل نوشته شده ی خود یک اپلیکیشن مثلا تحت ویندوز یا مک بسازید . استفاده از این برنامه هیچ دانش برنامه نویسی تحت ویندوز یا مک یا لینوکس لازم ندارد . کافیست دستور عمل و مستندات ساخت پروژه و دریافت پیکیج اجرایی را مطالعه کنید .در ضمن این برنامه اوپن سورس و رایگان است .
وقتی فیدبک ها خوانده می شوند !
هر موقع محصولی تولید می شود پس از عرضه وارد مرحله ی تست عمومی قرار می گیرد تا اشکالات آن به تدریج گرفته شود ، رضایت مشتری از محصولی که خریده برای ادامه پیشرفت روند فروش برای تولید کننده بسیار مهم است ، چه بسا همان مشتری وقتی با آب و تاب از کالای خریداری شده ی خود در بین دوستانش تعریف میکند دیگر آن محصول از فضای تبلیغی بیلبوردی جدا شده و تبدیل به یک پیشنهاد دوستانه می شود که دوستان دوستان خریدار ، را هم میتواند به شدت تحت تاثیر قرار دهد . همین حالت از نوع تبلیغ منفی در نارضایتی یک خریدار اتفاق می افتد ، از این جهت ارتقای مداوم یک محصول و مطابقت آن با نظر خریداران بسیار پر اهمیت است ، البته اگر فضای رقابتی وجود داشته باشد .
اما آیا این نظرات واقعا تاثیر گذار است یا فقط یک ژست مشتری مداری است؟ آیا تا به حال وقتی با محصول خریداری شده مشکل پیدا کرده اید آن را با تولید کننده درمیان گذاشته اید در این صورت چه واکنشی از تیم تولید کننده دریافت کرده اید ؟ اصلا این کار تاثیری در پیشرفت محصول دارد یا بی تفاوت از کنار آن خواهند گذشت؟
تجربه پرینت اطلاعات از مرورگر روی پرینترهای حرارتی
به تازگی برای یک پروژه ای که لازم بود اطلاعات از مرورگر مستقیما توسط یک فیش پرینتر (پرینتر حرارتی ) پرینت شود با مشکلاتی مواجه شده بودم که درنهایت موفق به حلشان شدم ، در این نوشته قصد دارم این مسائل و راه هایی که امتحان کردم را با شما اشتراک بگذارم که اگر روزی راهتان به این نوع پرینترها افتاد بتوانبد به سادگی با آنها کار کنید .
مسئله ای که در حین پرینت گرفتن مستقیم از مرورگر داشتم این بود که اندازه کاغذ پرینت شده قابل تنظیم و کنترل نبود وبه اندازه 287 میلیمتر که ارتفاع برگه ی A4است پرینت خالی گرفته میشد ، لازم بود بعد از اتمام پرینت اطلاعات چند خطی برش کاغذ اتفاق بیفتد وگرنه کاغذ زیادی مصرف میشد ، همچنین یک سری اطلاعات مثل آدرس وب و شماره صفحه و تاریخ هم روی برگه خودکار چاپ میکرد و از همه ی اینها مهم تر باز شدن Popup انتخاب پرینتر بود ، این پروژه چون مخصوص کاربران یک کیوسک ساخته شده بود می بایست پرینت مستقیم و بدون این تفاسیر گرفته میشد و فیش تحویل کاربر داده میشد.
Slice فتوشاپ را فراموش کنید !
یکی از دغدغه های طراحان قالب وبسایت یا اپلیکیشن های موبایل تبدیل اجزای طرح فتوشاپی به عکسهای PNG می باشد . این کار معمولا با سختی انجام می شود می بایست هر کدام از اجزا را slice بندی کرد و خروجی گرفت ، ممکن است افکت های hover و Active و Disable در یک مکان بصورت پنهان باشند برای هر کدام از آنها می بایست یکبار خروجی گرفت و خیلی دردسرهای دیگر که ممکن است در حین خروجی گیری با آن مواجه شوید . کار موقعی سخت تر می شود که میخواهید برای موبایل اپلیکیشن بسازید و می بایست برای هر رزولوشن تصویر ، سایز عکس ها را بزرگ و کوچک کنید و همه ی مراحل گفته شده را دوباره انجام دهید . گوشی ها مانند مرورگر دسکتاپ نیستند که بتوان برای یک رزولوشن مانیتور سایت را طراحی کرد و در صورت بزرگ بودن مانیتور بقیه ی صفحه خالی بماند ، طراحی استایل اپلیکیشن موبایل محدودیت های کاربری ای دارد از جمله Full screen بودن همیشگی صفحه ، فتوشاپ راه کار تازه ای برای کمک به طراحان حتی در ورژن جدید خود یعنی CS6 ارائه نداده است .
اما سایتی به نام cutandslice.me به کمک طراحان وبسایت آمده و یک extension ای برای فتوشاپ ساخته که همه ی این کار ها را بصورت خودکار انجام می دهد ، کافیست شما در سایز دسکتاپ با گروه بندی و نام گذاری لایه ها طرح خود را بسازید این افزونه علاوه بر اینکه خودش لایه ها را Slice میکند ، قسمتهای خالی را حذف میکند و جدا جدا عکس ها را بصورت PNG و با نام هایی که برای لاه ها قرار داده بودید ذخیره میکند . همچنین برای هر رزولوشن تصویر دستگاهای اندروید و آیفون عملیات را انجام میدهد .
تست سایتهای Responsive در صفحه نمایشهای مختلف
با فراگیر شدن استفاده از تبلت و گوشی برای مرور وب ، طراحی سایتهای انعطاف پذیر با اندازه ی صفحه نمایش دستگاه یک گزینه ی خوب برای کاربر خواهد بود که بدون Zoom کردن و استفاده از اسکرولر افقی از مطالب سایت استفاده کند .
پیشتر گفته بودم که میتوان این سایتها را براحتی با استفاده از ابزارها و فریم ورک هایی طراحی نمود ، اما در این پست قصد دارم ابزاری مفید برای تست عملکرد این سایتها معرفی کنم .
با استفاده از سرویس Viewport resizer براحتی میتوانید سایتهای Responsive را در اندازه های آیفون و آیپد تست نماید ، این ابزار مانند موارد مشابه فقط به نمایش اسکرین شات (عکس از صفحه ) اکتفا نکرده و نمایشی زنده از سایت مذبور را ارائه می دهد . به این ترتیب که می توان نحوه ی باز شدن صفحه و کارکرد سایت را دقیقا مشابه گوشی و تبلت تست نمود .
کافیست وارد سایت Viewport resizer شوید و دگمه ی آبی رنگ را در نوار بوکمارک مرورگر خود بکشید . از این پس با رفتن به هر سایتی و فشردن دگمه ی موجود در نوار بوکمارک عملیات تست را میتوانید انجام دهید .
اتصال PHP به Microsoft sql server توسط sqlsrv
MS SQL یکی از انواع دیتابیس ارائه شده توسط ماکروسافت می باشد ، این دیتابیس معمولا بر روی windows server نصب شده و میتوان هم تحت وب و هم تحت پلاتفرم های نرم افزاری دیگر مثل C sharp و … از آن استفاده نمود ، اما موضوعی که در این نوشته قصد شرح آن را دارم اتصال به آن توسط PHP است ، دیتابیسی که در PHP معمولا با آن کار می شود Mysql می باشد که بصورت پیش فرض تمامی امکانات برای این اتصال در وب سرور های شبیه Apache فراهم شده است ، اما متاسفانه برای اتصال به ms sql این امکانات بصورت پیش فرض فراهم نیست. در گذشته و ورژن های قبلی PHP از دستور mssql_connect برای اتصال استفاده میشد اما در ورژن های اخیر PHP و ویندوزهای پیشرفته تر مثل 7 این دستور به خوبی کار نمی کند و ماکروسافت را مجبور به ارائه درایوری به نام Sqlsrv کرده است .
تبدیل خودکار استایل فتوشاپ به CSS3
یکی از مشکلاتی که معمولا طراحان وب دارند تبدیل لایه های PSD به CSS3 است ، تغییر رنگها و گرادیانت ها می بایست بصورت سعی و خطا انجام داد ، باید در سایتی مثل css3please آنقدر متغیرها و رنگ ها را تغییر داد تا نتیجه ی مطلوب بدست آید ، حال اگر چندین دگمه با استایلهای مختلف می بایست تولید شود ، این کار بسیار زمان بر خواهد بود .
در روشی که در این پست قصد دارم شرح دهم تبدیل لایه های فتوشاپی به Css3 به آسانی و با یک کلیک قابل انجام خواهد بود .
css3ps نام سرویسی است که یک پلاگین فتوشاپ در اختیار شما قرار میدهد و در کمتر از 20 ثانیه کد Css3 و نمونه تولیدی را به شما تحویل می دهد .