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

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

طراحی وب

آموزش استفاده از Web Inspector مرورگر Safari در آیفون و آیپد

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

در این مقاله شیوه‌ی دسترسی به Web Inspector مرورگر Safari مخصوص iOS یا به عبارتی آیفون و آیپد را بررسی می‌کنیم که برای رفع مشکلات ظاهری سایت‌ها و بهینه کردن طراحی، ضروری است.

چگونه متن را از سایت‌هایی که راست‌کلیک قفل است و Ctrl+C عمل نمی‌کند، کپی کنیم؟

گاهی اوقات می‌خواهیم چند کلمه و جمله را از صفحه‌ای از یک سایت کپی کنیم اما انتخاب کردن متن امکان‌پذیر نیست و یا پس از انتخاب کردن، نمی‌توان روی صفحه راست‌کلیک کرد و گزینه‌ی Copy را انتخاب کرد. حتی کلید میانبر کپی که Ctrl + C است هم کار نمی‌کند! ممکن است با راست‌کلیک کردن، پیامی در مورد کپی نکردن محتوای سایت نمایش داده شود. اما چاره‌ی کار چیست؟

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

معرفی ابزارهایی برای بهینه‌سازی CSS، مینیفای و یونیفای کردن و کاهش حجم فایل‌ها

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

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

معرفی سایت‌هایی برای چک کردن کدهای CSS و تمیز و بهینه کردن خوانایی

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

در این مقاله می‌خواهیم چند سرویس تحت وب برای بهینه‌سازی فایل‌های CSS را معرفی کنیم که برای طراحی وب و مدیران سایت مفید است. با ما باشید.

معرفی افزونه‌های برتر Google Forms برای طراحی فرم‌های آنلاین (بخش دوم)

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

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

آموزش نصب افزونه روی Google Forms و معرفی چند افزونه جالب برای ساخت فرم آنلاین

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

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

آخرین دیدگاه‌ها
  • آموزش نصب FFmpeg و اضافه کردن آن به Environment Variables ویندوز برای استفاده‌ی سریع
  • salam139گفت:
    سلام اکستنشن https://chrome.google.com/webstore/detail/stream-video-downloader/imkngaibigegepnlckfcbecjoilcjbhf با کمک این برنامه ویدیو انلاین دانلود میکند اما بعد از کامل شدن شکست می خورد ایا باcmd میتوان با این برنامه اینترنت فیلم دانلود کرد ویا موقع فایا100درصد محل ذخیره پیدا کرد
    پاسخ
  • آموزش قرار دادن عکس در پس‌زمینه کیبورد در اندروید
  • ساراگفت:
    سلام من با برنامه Gboard همونطوری که توضیح دادین ، کار کردم اما نمیدونم چرا در آخر کیبورد برام بالا نیومد و همون شکل قبلی موند ؟):
    پاسخ
  • روش‌های حل مشکل سرعت کم بازی‌ها و تأخیر و لگ‌های موجود
  • علیرضا شیریگفت:
    سلام در بیان کانفیگ همیشه ذکر مدل کارت گرافیک الزامیه. مثل فروم‌های خارجی. گیگ کارت گرافیک مشخص‌کننده‌ی قدرتش نیست. به هر حال: تنظیمات گرافیکی بازی رو کاهش بدید شاید حل بشه. درایور بروز و صحیح رو هم فراموش نکنید. همون‌جور که در کامنت‌های قبلی بارها و بارها تکرار کردم، اینکه کارت گرافیک چند گیگابایته، نشون‌دهنده‌ی قدرت پردازشیش نیست. مثل اینه که یه صف داده طولانی داشته باشیم که توی رم ویدیویی ذخیره شده و آماده‌ی پردازشه اما واحد پردازنده‌ی گرافیکی یا همون هسته‌ی کارت گرافیک، ضعیفه و نمیتونه از این صف داده‌ها سریعاً استفاده کنه. متأسفانه با توجه به ارزون‌تر بودن حافظه نسبت به تراشه‌ی پردازنده‌ی گرافیکی، تمایل سازندگان اینه که کارت گرافیک با رم ویدیویی بالا تولید کنند. فروشندگان هم عمداً یا به دلیل بی‌اطلاعی این جور مدل‌ها رو به مشتری پیشنهاد می‌کنن متأسفانه.
    پاسخ
  • چگونه محدودیت زمانی و تعدادی در Google Forms ایجاد کنیم؟
  • علیرضا شیریگفت:
    سلام زیاد با گوگل فرمز کار نکردم ولی فکر کنم امکانات پیش‌فرضی که الان داره، این مورد توش نباشه. باز البته باید جستجو کرد. در مورد گوگل فرمز یه تعداد مطلب باید تهیه کنیم. سوالات زیادی کاربران پرسیدن در چند مطلبی که قبلاً منتشر کردیم و بدون پاسخ مونده. انشالله فرصت بشه ماه آتی توی برنامه‌ی کاری قرار میدم. متأسفانه مشکلات اقتصادی موجب شده که با اکثر نویسنده‌ها قطع همکاری کنیم.
    پاسخ
  • روش‌های حل مشکل سرعت کم بازی‌ها و تأخیر و لگ‌های موجود
  • nafasگفت:
    با سلام خواهش میکنم جواب بدید من از کلوپ بازی cd میگیرم بازیم باکیفیت بالا انگار صحنه آهستس کارت گرافیکم۴GB رمم8 CPU ..cor i 3 8100 حافظمم 1ترابایت با این وجود نمیدونم چرا اینجوریه ممنون میشم جواب بدین
    پاسخ
  • روش‌های حل مشکل سرعت کم بازی‌ها و تأخیر و لگ‌های موجود
  • mohammadگفت:
    با سلام خواهش میکنم جواب بدید بازی که از کلوپ میگیرم سیدیه نصب میکنم تو کیفیت بالا انگار صحنه آهسته است سیستمم گرافیکش۴ CPU ..COR i3 8100ولی نمیدونم چرا اینجوریه
    پاسخ
۲۰۰ دیدگاه و پاسخ آخر
آخرین مطالب اینتوتک
آخرین مطالب سیاره‌ی بازی
آخرین مطالب زاگرس رباتیک
آخرین مطالب سیاره‌ی اپ
آخرین مطالب سیاره‌ی ویندوز
آخرین مطالب سیاره‌ی مک‌او‌اس
آخرین مطالب سلامت‌زیستی