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

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

sublimetext

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

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

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

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

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

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

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

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

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

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

APIها در HTML5

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

HTML5

هر چند وقت ابزارهای جدیدی برای ساخت برنامه‌های قدرتمند در پلت‌فرم وب ایجاد میشن،با ظهور HTML5 در دنیای وب علاوه بر اضافه شدن تگ‌های جدید ، API های کاربردی رو هم با خودش آوورد که به تولید اپلکیشن‌های وب بسیار کمک میکنه.
توی این مطلب یه نگاه کلی به مهمترین این APIها میندازیم که به شما در ساخت برنامه‌های تعاملی خیلی کمک میکنن.

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

پروژه منبع باز وب آر تی سی (WebRTC)

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

webrtc

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

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