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

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

Javascript

اپ پیش‌رونده تحت وب یا 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 و ... طراحی شده برای تسریع در کار خود استفاده کنند. در این مقاله می‌خواهیم با ۵ افزونه‌ی مفید و کاربردی برای طراحان وبی که از فایرفاکس کوآنتوم استفاده می‌کنند، آشنا شویم.

چگونه کلمه یا عبارتی را در تمام پست‌های وردپرس تغییر دهیم؟

در نرم‌افزار مدیریت محتوای WordPress قابلیت جستجو کردن یک کلمه یا عبارت و جایگزین کردن آن با کلید ترکیبی Ctrl + F انجام می‌شود اما چگونه می‌توان در تمام پست‌های یک وب‌سایت وردپرسی عبارتی را Search و سپس با عبارت دیگری جایگزین یا Replace کرد؟

برای انجام این کار می‌توان از افزونه‌ها استفاده کرد اما بدون افزونه هم می‌توان با یک کوئری ساده MySQL این کار را انجام داد. جایگزین کردن یک عکس، یک جمله یا کلمه، یک یا چند تگ مثل div و p و ... به همراه کلاس‌ها و استایل‌های هر یک، از طریق دستورات ساده که دیتابیس وردپرس را دستکاری می‌کنند، امکان‌پذیر است.

در این مقاله به روش جایگزین کردن عبارت‌ها در تمام پست‌های یک وب‌سایت وردپرسی می‌پردازیم. با ما همراه شوید.

در نرم‌افزار مدیریت محتوای WordPress قابلیت جستجو کردن یک کلمه یا عبارت و جایگزین کردن آن با کلید ترکیبی Ctrl + F انجام می‌شود اما چگونه می‌توان در تمام پست‌های یک وب‌سایت وردپرسی عبارتی را Search و سپس با عبارت دیگری جایگزین یا Replace کرد؟ برای انجام این کار می‌توان از افزونه‌ها استفاده کرد اما بدون افزونه هم می‌توان با یک کوئری ساده MySQL این کار را انجام داد. جایگزین کردن یک عکس، یک جمله یا کلمه، یک یا چند تگ مثل div و p و ... به همراه کلاس‌ها و استایل‌های هر یک، از طریق دستورات ساده که دیتابیس وردپرس را دستکاری می‌کنند، امکان‌پذیر است. در این مقاله به روش جایگزین کردن عبارت‌ها در تمام پست‌های یک وب‌سایت وردپرسی می‌پردازیم. با ما همراه شوید.

چگونه از بارگذاری تصاویر سایت خود در دیگر سایت‌ها یا Image Hotlinking جلوگیری کنیم؟

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

به این نوع کپی کردن عکس، Image Hotlinking گفته می‌شود و می‌توان با دستوراتی ساده در htaccess جلوی آن را گرفت. در ادامه به روش جلوگیری از استفاده از عکس‌های سایت در دیگر سایت‌ها آشنا می‌شویم که در وردپرس، جوملا و ... و سایر نرم‌افزارهای مدیریت سایت کاربرد دارد. با ما باشید.

کپی کردن محتوای یک وب‌سایت بدون اخذ مجوز، کار ناپسندی است اما متأسفانه ممکن است برخی وب‌سایت‌ها و وب‌مسترها، چندان درگیر رعایت اخلاقیات نباشند و علاوه بر کپی کردن محتوا، عکس‌ها را نیز در سایت خودشان کپی کنند و به این ترتیب از منابع سرور یا هاست سایت شما، سوء استفاده کنند.

یکی از مشکلاتی که ممکن است گریبان‌گیر وب‌سایت و هاست شما شده باشد، استفاده از عکس‌های شما در سایت‌های دیگر است. معمولاً کسانی که مطلبی را با کسب مجوز یا بدون کسب مجوز کپی می‌کنند، عکس‌ها را نیز روی سرور و هاست سایت خویش آپلود می‌کنند اما متأسفانه گاهی سایت‌های دیگر از عکس‌های به کار رفته در وب‌سایت شما در سایت خودشان استفاده می‌کنند که کار ناپسندتری است! به این نوع کپی کردن عکس، Image Hotlinking گفته می‌شود و می‌توان با دستوراتی ساده در htaccess جلوی آن را گرفت. در ادامه به روش جلوگیری از استفاده از عکس‌های سایت در دیگر سایت‌ها آشنا می‌شویم که در وردپرس، جوملا و ... و سایر نرم‌افزارهای مدیریت سایت کاربرد دارد. با ما باشید.