سیاره‌ی آی‌تی

با IT-Planet دنیای آی‌تی را بهتر بشناسید

CSS

اپ پیش‌رونده تحت وب یا PWA چیست؟ چگونه از اپ‌های تحت وب در اندروید و … استفاده کنیم؟

وب اپلیکیشن پیش‌رونده یا Progressive Web App نوع جدیدی از اپ‌های تحت وب است که درون مرورگر اجرا می‌شود اما از نظر طراحی و کاربری، بسیار شبیه به اپ‌های معمولی سیستم عامل است. اپلیکیشن تحت‌وب پیش‌رونده یا به اختصار PWA پدیده‌ای جدید در دنیای وب و همین‌طور طراحی سرویس‌های تحت وب است. حتی برخی معتقد هستند که در آینده اپلیکیشن‌ها و بازی‌های ساده با نسخه‌های ساده‌ی تحت وب جایگزین می‌شوند.

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

اپلیکیشن پیش‌رونده تحت وب یا Progressive Web App چیست؟

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

وب اپلیکیشن پیش‌رونده یا Progressive Web App نوع جدیدی از اپ‌های تحت وب است که درون مرورگر اجرا می‌شود اما از نظر طراحی و کاربری، بسیار شبیه به اپ‌های معمولی سیستم عامل است. اپلیکیشن تحت‌وب پیش‌رونده یا به اختصار PWA پدیده‌ای جدید در دنیای وب و همین‌طور طراحی سرویس‌های تحت وب است. حتی برخی معتقد هستند که در آینده اپلیکیشن‌ها و بازی‌های ساده با نسخه‌های ساده‌ی تحت وب جایگزین می‌شوند. در این مقاله با PWA آشنا می‌شویم و ویژگی‌های سایتی که می‌خواهد نقش یک اپ موبایلی را بازی کند، بررسی می‌کنیم و در نهایت وب‌سایت‌هایی برای پیدا کردن اپلیکیشن‌های پیش‌رونده تحت وب معرفی می‌کنیم. با سیاره‌ی آی‌تی دنیای وب را از دریچه‌ی علمی‌تری نگاه کنید.

بهترین افزونه‌های فایرفاکس برای طراحی وب و بررسی مشکلات سایت

مرورگر Firefox Quantum از نظر سرعت و طراحی بسیاری از نقص‌های موجود در فایرفاکس قدیمی را برطرف کرد و برخی کاربران و طراحان وب مجدداً به استفاده کردن از موزیلا فایرفاکس به جای گوگل کروم روی‌گردان شدند.

یکی از مزایای فایرفاکس، افزونه‌های متعدد آن است. طراحان وب می‌توانند از Add-onهایی که برای ویرایش CSS و JS و همین‌طور JSON و ... طراحی شده برای تسریع در کار خود استفاده کنند. در این مقاله می‌خواهیم با ۵ افزونه‌ی مفید و کاربردی برای طراحان وبی که از فایرفاکس کوآنتوم استفاده می‌کنند، آشنا شویم.

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

مرورگر Firefox Quantum از نظر سرعت و طراحی بسیاری از نقص‌های موجود در فایرفاکس قدیمی را برطرف کرد و برخی کاربران و طراحان وب مجدداً به استفاده کردن از موزیلا فایرفاکس به جای گوگل کروم روی‌گردان شدند. یکی از مزایای فایرفاکس، افزونه‌های متعدد آن است. طراحان وب می‌توانند از Add-onهایی که برای ویرایش CSS و JS و همین‌طور JSON و ... طراحی شده برای تسریع در کار خود استفاده کنند. در این مقاله می‌خواهیم با ۵ افزونه‌ی مفید و کاربردی برای طراحان وبی که از فایرفاکس کوآنتوم استفاده می‌کنند، آشنا شویم.