ایجکس در وردپرس: صفحه قبلی و بعدی

سه شنبه ۳۱ فروردین ۹۵ • نوشته شده در آموزش ، توسعه وب

sublimetext

اخیرا در پروژه‌ای که توسط وردپرس مدیریت می‌شد نیاز داشتم که پست‌های سایت رو به صورت ایجکس نمایش بدم، از اونجایی که قرار بود تعداد یکسانی از پست‌ها فقط در صفحه نمایش داده بشه بهترین راه استفاده از لینک‌های صفحات قبل و بعد در وردپرس بود و من فقط نیاز داشتم که صفحات محتوای اون لینک‌ها رو به صورت ایجکس لود کنم و تمام!
از همین رو دنبال افزونه‌های زیادی گشتم، بعضی‌ها که اصلا کار نمیکردند، و بعضی‌ها بقدری پیچیده بودند که هیچ جوره با قالب هماهنگ نمی‌شدند، پس بهترین راه این بود که بدون هیچگونه افزونه‌ای این قابلیت رو به صورت دیفالت به قالب اضافه کنم.

بیشتر بخوانید

پنج ترفند دیداری برای ویرایشگر Sublime Text

پنجشنبه ۱۲ فروردین ۹۵ • نوشته شده در آموزش

sublimetext

قطعا ویرایشگر سابلایم تکست یکی از محبوب‌ترین ویرایشگرها برای برنامه‌نویس‌ها و کدنویس‌هاست، سرعت بالا، متن‌باز بودن، پوسته‌های متنوع، پلاگین‌های فوق‌العاده قوی از مزیت‌های این ویرایشگر هستش، همچنین به دلیل متن‌باز بودن میتونید تنظیمات اختصاصی و مختص خودتون رو توی این ویرایشگر اعمال کنید، در این مطلب قراره ۵ تا از ترفندهایی که میتونن هنگام نوشتن کد بهتون کمک کنن رو بهتون معرفی کنم!

بیشتر بخوانید

ساخت Push Notifications توسط سرویس Parse.com

یکشنبه ۴ مرداد ۹۴ • نوشته شده در آموزش ، اندروید

pushNotifications

به طور ساده پوش‌ناتیفیکیشن به پیغام‌هایی میگن که توسط برنامه‌ی خاصی بر روی گوشی شما میاد و ممکن حاوی اطلاعاتی از جمله اعلام آپدیت جدید برنامه،یاد آوری عمل خاصی و… باشه.
سایت Parse این امکان رو میده که راحت و سریع برای برنامه خودمون پوش‌ناتیفیکیشن درست کنیم.
توسط سرویس پارسه میشه پوش‌ناتیفیکیشن‌های مختلف و حتی Json فرستاد و اونها رو توی گوشی شخصی‌سازی کرد که در این آموزش فقط نحوه‌ی ارسال و دریافتش مورد بررسی قرار گرفته.

بیشتر بخوانید

شخصی سازی تُست‌ها و نوع قلم در اندروید

یکشنبه ۲۵ آبان ۹۳ • نوشته شده در آموزش ، اندروید

Toast-android

تُست‌ها (Toast) پیغام‌هایی از پیش تعیین شده هستند که بر اثر انجام یک رویداد خاص برای چند ثانیه بر روی صفحه گوشی ظاهر میشن و اطلاعاتی رو به نمایش میزارن،به راحتی میشه از تُست‌ها در برنامه‌های اندروید استفاده کرد ولی ظاهر خوبی ندارن،خیلیا دلشون میخواد که تُست‌هایی که اپلکیشنشون در حین کار نمایش میده با رابط کاربری برنامه هماهنگی داشته باشه که در این مطلب به طور کامل به نحوه‌ی شخصی‌سازی کردن تُست‌ها میپردازیم از طرفی توی برنامه‌ها از متن زیاد استفاده میشه پس نیاز هست که بدونیم چجوری میشه فونت و نوع قلم یک نوشته رو در اندروید تغییر و با قلم دلخواه خودمون جایگزین کنیم.

بیشتر بخوانید

ساخت انیمیشن‌های Stop Motion توسط CSS

جمعه ۲۸ شهریور ۹۳ • نوشته شده در آموزش ، توسعه وب ، رابط کاربری

قطعا شما هم انیمیشن‌هایی رو دیده‌اید که از گرفتن تصاویر متعدد و نمایش اونها پشت سر هم شکل میگیره،به این نوع ساخت انیمیشن Stop-Motion میگن،استاپ موشن یا همان انیمیشن ایست / حرکت یکی از تکنیکهای ساخت انیمیشنه که در اون با استفاده از فیلمبرداری فریم به فریم اشیاء فیزیکی رو به حرکت در میارن،بدین ترتیب که شئ مورد نظر رو کمی جابجا کرده و عکسبرداری می کنند و سپس کمی دیگر اون رو جابجا کرده و دوباره عکسبرداری می کنند و این کار رو ادامه می دهند و در نهایت وقتی این عکسها پشت سر هم به نمایش در میاد اینطور به نظر میرسه که اون شئ در حال حرکته.
این تیکنیک رو میشه توسط یک تابع انیمیشن در CSS توی صفحات وب به کار برد.

بیشتر بخوانید

تکنیک‌های CSS برای نمایشگرهای رتینا

دوشنبه ۲۴ شهریور ۹۳ • نوشته شده در آموزش ، رابط کاربری

فشردگی پیکسل‌های صفحه نمایش رتینا که اپل از اون استفاده میکنه دو برابر صفحه نمایش‌های معمولیه به همین دلیل تصاویر توی این نمایشگرها به صورت تار در میاد،چرا که صفحه‌ نمایش رتینا سعی می‌کنه که تصویر رو ۲ برابر بزرگنمایی کنه تا در سایز واقعی نمایش داده بشه،یا به تعریف سالار کابلی :

ما سال‌ها از صفحه‌های نمایش با فشردگی ۱ پیکسل استفاده کردیم و بعد با معرفی شدن صفحه‌نمایش رتینا از طرف اپل، این فشردگی به ۲ پیکسل تبدیل شد. به این معنی که تعداد پیکسل‌هایی که در یک اندازه واحد جا می‌گیرن ۲ برابر شد

حالا راه حل چیه؟ چطوری میتونیم تصویر رو توی صفحه نمایش‌های رتینا به درستی و بدون افت کیفیت و تار شدن نشون بدیم؟

بیشتر بخوانید

ساخت یک برنامه ساده برای اندروید (قسمت دوم)

شنبه ۸ شهریور ۹۳ • نوشته شده در آموزش ، اندروید

در قست قبل رابط کاربری برنامه رو ساختیم و چون بحث اصلی ما روی برنامه‌نویسی اندروید هست زیاد روی رابط کاربریمون کار نکردیم فقط در حدی که نیازمون رو برآورده کنه،شرح عملکرد برنامه که قبلا توضیح داده شد به این صورتِ که:

در این پروژه ما قصد داریم یک اپ اندروید درست کنیم که یک عدد دلخواه رو از ما بگیره و به توانی که ما میخوایم برسونه،مثلا عدد ۲ رو به توان ۳ برسونه،نحوه کلی کارکرد این برنامه به این صورت هستش که دو ورودی از کاربر میگیره،ورودی‌ها رو چک میکنه که خالی نباشن و در صورت خالی بودن پیغام مناسب رو روی صفحه نمایش بده و در صورت وارد کردن مغادیر درست اون وروردی‌ها رو محاسبه کنه و جواب رو به ما نشون بده

برای برنامه‌نویسی عملکرد این برنامه قصد داریم از ساخت یک متُد و استفاده اون در برنامه و تبدیل متغیرها به همدیگه،نحوه معتبرسازی فیلدها در اندروید (به طور ساده) استفاده کنیم.

بیشتر بخوانید

ساخت یک برنامه ساده برای اندروید (قسمت اول)

چهارشنبه ۵ شهریور ۹۳ • نوشته شده در آموزش ، اندروید

در ابتدا بگم که این آموزش مخصوص کسایی هست که کمی آشنایی با برنامه‌نویسی اندروید (آندروید غلط است) یا جاوا و کار با نرم‌افزار اکلیپس داشته باشند.
هدف از این آموزش که به صورت یک پروژه در آخر میتونید دانلودش بکنید آشنایی با کنترل‌ها و تعریفشون و آشنایی با نحوه کار متدهاست.
در این پروژه ما قصد داریم یک اپ اندروید درست کنیم که یک عدد دلخواه رو از ما بگیره و به توانی که ما میخوایم برسونه،مثلا عدد ۲ رو به توان ۳ برسونه،نحوه کلی کارکرد این برنامه به این صورت هستش که دو ورودی از کاربر میگیره،ورودی‌ها رو چک میکنه که خالی نباشن و در صورت خالی بودن پیغام مناسب رو روی صفحه نمایش بده و در صورت وارد کردن مغادیر درست اون وروردی‌ها رو محاسبه کنه و جواب رو به ما نشون بده.

بیشتر بخوانید

اعتبارسنجی سمت کاربر با HTML5

چهارشنبه ۱۸ تیر ۹۳ • نوشته شده در آموزش ، توسعه وب

گاهی شما توی برنامه‌های وب و فرم‌های سایتتون نیاز دارید که یک سری اطلاعات رو از کاربر بگیرید و باید چک کنید که این اطلاعات درست وارد شده باشه.
برای مثال ممکنه شما توی یک فیلد بخواید آدرس ایمیل کاربر رو دریافت کنید و کاربر بجای آدرس ایمیل عدد و یا یک سری کدهای مخرب رو وارد کنه و یا اصلا فیلد رو خالی بفرسته،در اینجا شما میتونید از طریق فیلترهایی که برای اعتبار سنجی در پی‌اچ‌پی وجود دارن در سمت سرور تک‌تک ورودی ها رو چک کنید و اگر اطلاعات دریافت شده معتبر نبودن مانع ذخیره شدن رشته‌های دریافتی در بانک اطلاعاتی بشید و پیغام نامعتبر بودن ورودی‌ها رو به کاربر نمایش بدید ولی از لحاظ تجربه کاربری این روش اصلا خوب نیست چون زمانی طول میکشه که اطلاعات به سرور فرستاده بشه،تحلیل بشه و جواب به کاربر نشون داده بشه و این برای کاربر اصلا خوشایند نیست که زمانی ازش گرفته بشه و به جای انجام دادن درخواستی که داره با پیغام خطا مواجه بشه،به همین دلیل ما میتونیم از پلاگین‌های جی‌کوئری که برای اعتبار سنجی فرم‌ها وجود داره استفاده کنیم.
اما حالا با به وجود اومدن HTML5 امکانات خوب و مناسبی برای اعتبار سنجی فرم‌ها در سمت کاربر به وجود اومده که بدون نیاز به هرگونه پلاگین جی‌کوئری خطا رو آنی و همون موقع به کاربر اعلام میکنه و مانع به هدر رفتن وقت میشه.

بیشتر بخوانید

استفاده از نقشه گوگل در اندروید

یکشنبه ۱۸ خرداد ۹۳ • نوشته شده در آموزش ، اندروید

maps

خیلی وقت‌ها شما به عنوان توسعه دهنده دوست دارید توی اپلکیشنتون مکان کاربر یا اینکه فاصله‌ی کاربر با یک مکان خاص یا آدرس مکانی دلخواه رو بهش نشون بدید!
نقشه گوگل به شما این امکان رو میده،نقشه‌ی گوگل با استفاده از GPS یا WIFI مکان کاربر رو تشخیص میده به این صورت که اگر GPS خاموش باشه از WIFI استفاده میکنه و همینطور بلعکس.

بیشتر بخوانید