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

در این مقاله با مراحل نوشتن یک بازی ساده به کمک جاوااسکریپت و مقداری HTML و CSS‌ در خدمت شما هستیم. با ما باشید تا طراحی وب را با مثال‌های جالب و واقعی یاد بگیریم.

در سرویس آماری Google Analytics که محبوب‌ترین روش محاسبه‌ی آمار بازدیدکنندگان سایت است، برخی کمیت‌ها مثل نرخ پرش یا Bounce Rate و زمان ماندن در صفحه یا Time on Page برای وب‌مسترهای مبتدی کمی نامفهوم است و البته خطای محاسباتی زیادی دارد.

در این مقاله می‌خواهیم به مفهوم نرخ پرش و زمان بازدید صفحه و ارتباط این کمیت‌ها بپردازیم و همین‌طور راه‌های تصحیح کردن عددی که به عنوان نرخ پرش و زمان بازدیدیا Session Time و زمان بازدید از صفحه گزارش می‌شود را بررسی کنیم. با ما باشید.

یکی از مسائل مهم در SEO و رتبه‌ی مطالب سایت‌ها در موتور جست‌وجو Google، مقوله‌ی نشانه‌گذاری محتویات صفحه مطابق با استانداردهای Schema.org است. گوگل چندی پیش به صورت رسمی اعلام کرده که رعایت کردن نشانه‌گذاری اسکیما می‌تواند رتبه‌ی سایت‌ها را نسبت به رقبا بهتر کند.

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

یکی از مشکلاتی که وب‌مسترها و طراحان سایت‌های دانلود فیلم و موسیقی و حتی دانلود عکس و PDF دارند، این است که با قرار دادن لینک فایل‌ها در تگ <a>، زمانی که کاربر روی آن کلیک می‌کند، فایل به جای دانلود شدن توسط دانلودر مرورگر یا سایر نرم‌افزارهای مدیریت دانلود، مستقیماً باز می‌شود.

در حقیقت Chrome و Mozilla و بسیاری از مرورگرهای مدرن، می‌توانند فایل‌های MP3‌ و MP4 و PDF و همین‌طور عکس‌ها را باز کنند و طبعاً به جای دانلود کردن، فایل را باز می‌کنند. با تغییراتی در تگ a و همین‌طور htaccess می‌توان این مشکل را برطرف کرد که در این مقاله به آن می‌پردازیم.

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

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

یکی از راه‌های تغییر دادن ساختار صفحات سایت‌ها این است که از JavaScript در کنار HTML و CSS استفاده کنید تا المان‌های صفحه در شروع بارگذاری یا حین کلیک روی برخی لینک‌ها و دکمه‌ها و غیره، تغییرات ظاهری داشته باشند و در نتیجه صفحه‌ی وب از حالت استاتیک و ساده خارج شود و حالت پویاتری پیدا کند.

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

وردپرس محبوب‌ترین نرم‌افزار مدیریت محتواست و سایت‌های بسیار زیادی مبتنی بر این CMS طراحی شده است. اما برای بکاپ گرفتن از تمام اطلاعات WordPress ابزاری در آن پیش‌بینی نشده است. خوشبختانه بکاپ گرفتن از سایت وردپرسی که روی سرورهای با سیستم عامل لینوکس میزبانی می‌شود بسیار ساده است.

در ادامه به روش بکاپ گرفتن از دیتابیس SQL و سایر فایل‌های سایت وردپرسی با دستورات ساده‌ای در ترمینال لینوکس می‌پردازیم. با ما باشید.

یکی از معایب پیشرفت بازی‌های امروزی در عرصه‌ی گرافیک این است که بازی‌ها از نظر حجم بسیار سنگین هستند و دیگر از بازی‌های چندصد مگابایتی خبری نیست. قابلیت FastStart در کنسول Xbox One برای دانلود سریع‌تر فایل‌های نسخه‌ی دیجیتالی بازی‌ها و شروع سریع‌تر بازی‌ها ابداع شده است.

طبعاً زمانی که قرار است ده‌ها فایل حجیم حین بارگذاری بازی یا مراحل بازی آماده شود، زمان انتظار حالت Loading زیاد می‌شود و حوصله‌ی گیمر سر می‌رود. یک راه حل ارتقای سخت‌افزار و به خصوص استفاده از SSD به جای هارد درایو است و راهکار بعدی نرم‌افزاری است. در ادامه به معرفی قابلیت FastStart یا شروع سریع در ایکس باکس وان مایکروسافت می‌پردازیم. با ما باشید.

گوگل درایو یکی از محبوب‌ترین سرویس‌های فضای ابری است که با وجود اپلیکیشن‌های تحت وب گوگل مثل Google Docs و Google Sheets، کاربری آن به مراتب بیشتر از آپلود و به اشتراک‌گذاری فایل است.

حفظ امنیت و حریم خصوصی با روش‌هایی مثل رمزگذاری فایل‌ها در فضای وب و به خصوص اپلیکیشن‌های تحت وب که ممکن است برای کارهای شغلی و سازمانی استفاده شوند، ضروری است. لذا در این مقاله می‌خواهیم با سه ابزار برای افزایش امنیت Google Drive آشنا شویم. با ما باشید.

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

در ادامه به روش مشاهده کردن آمار استفاده از اپ‌های اندروید در بخش My Activity گوگل و روش جلوگیری از ثبت آمار توسط گوگل می‌پردازیم. با ما باشید.

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

برای کار با آرایه‌ها در جاوااسکریپت، ترفندها و روش‌های مختلفی وجود دارد که در این مقاله می‌خواهیم به ۱۰ مورد جالب و کاربردی اشاره کنیم که شاید برخی را ندیده باشید. با ما باشید.

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

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

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