چرا وب‌سایت‌ها باید قابلیت پرینت مناسب داشته باشند؟

مقدمه و زمینه

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

جزئیات فنی و پیاده‌سازی با CSS

تکنولوژی وب از مدت‌ها پیش ابزارهایی برای مدیریت استایل چاپ در اختیار توسعه‌دهندگان قرار داده است. با استفاده از مدیاکوئری چاپ در CSS (@media print) می‌توان ظاهر صفحه را هنگام پرینت به طور کامل دگرگون کرد. قطعه کد زیر نمونه‌ای است که نویسنده برای وب‌سایت خود استفاده کرده است:

.onlyPrint { display: none; }
@media print {
  .noPrint { display: none; }
  .onlyPrint { display: inline; }
  p, ol { font-size: 12pt; }
  h3, h4 { font-size: 13pt; }
  h2 { font-size: 14pt; }
  h1 { font-size: 16pt; }
  .giallo { border: 3px solid black; }
  .giallo-l { font-size: 11pt; }
  a { color: black !important; }
}

از طریق این تکنیک می‌توان کارهای زیر را انجام داد:

• پنهان‌سازی المان‌های اضافی: عناصر مزاحم مانند هدرهای شلوغ وب‌سایت با کلاس noPrint از نسخه چاپی حذف می‌شوند.
• افزودن محتوای چاپی خاص: با کلاس onlyPrint می‌توان متونی (مانند اطلاعات نویسنده) را فقط روی کاغذ نمایش داد.
• تنظیم اندازه فونت: مقیاس‌بندی متون وب معمولاً روی کاغذ خوب به نظر نمی‌رسد؛ بنابراین استفاده از واحدهای ثابتی مثل پوینت (pt) برای متون و تیترها نتایج بهتری می‌دهد.
• اصلاح لینک‌ها و رنگ‌ها: رنگ‌های روشن یا آبی در حالت سیاه‌وسفید پرینتر خوانا نیستند و بهتر است به رنگ مشکی تبدیل شوند.

دیدگاه جامعه هکرنیوز

بحث پیرامون این مقاله در هکرنیوز با نظرات متفاوتی روبه‌رو شد:

• برخی معتقدند که در زمان محدود توسعه، بهینه‌سازی چاپ اولویت پایینی دارد و باید روی دسترس‌پذیری (Accessibility) و UX صفحه نمایش تمرکز کرد.
• در مقابل، اشاره شد که قابلیت پرینت مناسب می‌تواند جایگزین خوبی برای سرویس‌های تولید PDF در بخش‌هایی مانند فاکتورها، بلیت‌ها و اسناد متنی باشد.
• برخی کاربران از وضعیت ضعیف درایورهای پرینتر در سیستم‌عامل‌های مدرن موبایل و دسکتاپ گلایه کردند که فرآیند تست را دشوار می‌کند.
• وب‌سایت‌های مدرن با اسکرول بی‌نهایت (infinite scroll) معمولاً اصلاً برای چاپ طراحی نشده‌اند و این ساختارها روی کاغذ به هم می‌ریزند.

چرا برای مهندسین نرم‌افزار اهمیت دارد؟

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