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

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

JavaScript

کاهش و افزایش اندازه فونت سایت‌ها در آیفون و آیپد با دکمه‌ی + و – در نوار بوک‌مارک‌ها

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

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

چگونه سرعت سایت را تست کرده و آن را بهینه کنیم؟

کاربری که اینترنت 3G یا حتی 4G با سرعت کمتر از ۴ مگابیت بر ثانیه یا معادل ۵۰۰ کیلوبایت بر ثانیه استفاده می‌کند، برای بارگذاری کردن صفحاتی با حجم بیش از ۳ مگابایت می‌بایست حداقل ۶ ثانیه صبر کند. امروزه بیش از ۷۰ درصد صفحات وب حجم بالاتر از ۱ مگابایت دارد و بیش از ۱۲ درصد نیز حجم بالاتر از ۴ مگابایت دارند در حالی که برخی از کاربران وب، اینترنت بسیار سریعی در اختیار ندارند. بنابراین کارشناسان SEO توصیه می‌کنند که برای بهبود سئو، کم‌حجم‌تر کردن صفحات سایت و بهبود سرعت را مهم تلقی کنید.

در ادامه به روش‌های افزایش سرعت سایت‌ها و کاهش حجم صفحات وب می‌پردازیم. با ما باشید.

تغییر قالب و سوییچ بین فایل‌های CSS با جاوااسکریپت

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

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

آیا WordPress به کش نیاز دارد؟ معرفی بهترین افزونه‌های Cache وردپرس در ۲۰۱۸

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

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

طراحی جعبه جستجو یا Search Box‌ سایت‌ها با ۸ طرح جالب و پویا

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

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

آشنایی با سلکتورهای جاوااسکریپت برای پیدا کردن عناصر HTML

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

هر یک از روش‌های مختلف مثل getElementById() یا getElementsByClassName() و غیره، مزایا و معایبی دارد و در نتیجه برای انتخاب عناصر DOM بهتر است اطلاعات مقدماتی داشته باشیم و از بهترین سلکتور استفاده کنیم. چیزی که موضوع اصلی این مقاله است. با ما باشید.

آخرین مطالب زاگرس رباتیک
آخرین مطالب سلامت زیستی
دانش‌نامه
گوگل و اندروید
اپل، macOS و iOS
ویندوز