طراحی وب

معرفی بهترین سایت‌ها برای طراحی اینفوگرافی، نمودار و چارت

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

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

چگونه محدودیت زمانی و تعدادی در Google Forms ایجاد کنیم؟

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

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

آموزش طراحی سوییچ با HTML و CSS

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

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

آشنایی با عملکرد کلیدهای F1 تا F12 در مرورگر کروم

کلیدهای فانکشن یا به عبارت دیگر کلیدهای F1 الی F12 در ویندوز و اغلب نرم‌افزارها مثل گوگل کروم، بسیار کاربردی هستند هر چند ممکن است کاربران مبتدی با عملکرد هر کلید آشنایی نداشته باشند و در واقع از این کلیدها زیاد استفاده نکنند. برخی کلیدها مثل F5 که برای نوسازی یا ریفرش کردن به کار می‌رود، توسط اغلب کاربران استفاده می‌شود اما برخی دیگر کاربرد کمتری دارند.

در این مقاله به عملکرد کلیدهای F1 الی F12 در مرورگر Chrome‌ می‌پردازیم.

آموزش استفاده از Custom Dimensions در گوگل آنالیتیکس

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

در ادامه به روش تعریف کردن ابعاد سفارشی در Google Analytics و شیوه‌ی استفاده از آن در بررسی آمار بازدیدکنندگان سایت می‌پردازیم.

چگونه از صفحه‌ی سایت‌ها در گوگل کروم فیلم‌برداری کنیم؟

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

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

بررسی اتوریتی موز و تغییرات آن برای بهبود لینک بیلدینگ

یکی از اصول سئو یا افزایش تعداد بازدیدکنندگان ارگانیک یا به عبارت دیگر ورودی‌های گوگل و موتورهای سرچ، لینک بیلدینگ است. در مقوله‌ی ساخت بک‌لینک، معمولاً به امتیاز سایت‌هایی مثل Moz که به دامین‌های مختلف داده شده، استناد می‌شود و ارزش هر لینک، صرفاً متناسب با متریک‌هایی مثل Moz Authority در نظر گرفته می‌شود.

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

مثال‌هایی از کاربرد ترنزیشن برای متحرک کردن عناصر در صفحه وب

انیمیشن‌ها در طراحی وب نقش اساسی دارند. برای متحرک کردن و تغییرات تدریجی می‌توان از JavaScript و همین‌طور CSS استفاده کرد. با معرفی استاندارد CSS3، طراحی انیمیشن‌های جالب و کاربردی به مراتب ساده‌تر شده است.

در این مقاله با چند مثال کاربردی در طراحی انیمیشن با استفاده از Transition در خدمت شما هستیم.

آموزش فرم آنلاین برای متقاضیان به همراه قابلیت آپلود فایل در گوگل درایو

برای ساخت فرم‌های آنلاین که افراد در کنار وارد کردن مشخصات فردی، می‌توانند فایل آپلود کنند، گوگل و در حقیقت سرویس ابری Google Drive و Google Sheets گزینه‌ی مناسبی است. می‌توان به سادگی فرم موردنظر را با روش درگ و دراپ ایجاد کرد و قابلیت آپلود فایل و دریافت ایمیل تأیید نیز در فرم لحاظ کرد. در چنین فرمی می‌توانید کپچای گوگل، امضای دیجیتالی و موارد دیگری نیز اضافه کنید.

در این مقاله با روش ساخت فرم آنلاین با قابلیت آپلود فایل در گوگل درایو آشنا می‌شویم.

استفاده از SVG در وردپرس با حفظ امنیت از طریق دو افزونه رایگان

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

در ادامه به معرفی مختصر فرمت SVG و خطرات آن برای سایت‌ها و روش اضافه کردن این فرمت در سایت‌های مبتنی بر وردپرس می‌پردازیم. با سیاره‌ی آی‌تی همراه شوید.

آموزش نصب و استفاده از افزونه چت با پیام‌رسان واتس‌اپ در وردپرس

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

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

ویژگی noopener در لینک‌های مطالب وردپرس چیست و چه اثری روی امنیت یا سئو دارد؟

در وردپرس و برخی CMSهای محبوب دیگر زمانی که لینک در مطالب قرار می‌‌دهید، در صورت انتخاب باز شدن لینک در تب یا پنجره‌ی جدید، ویژگی rel آن به صورت noopener تنظیم می‌شود. به عبارت دیگر در کد HTML صفحه یا مطلب، rel="noopener" را در مشخصات تگ a مشاهده می‌کنید.

در این مقاله می‌خواهیم به مفهوم و کاربرد noopener در تگ <a> بپردازیم و روش جلوگیری از اضافه شدن این ویژگی به لینک‌ها در وردپرس را بررسی کنیم. با ما باشید.

آخرین دیدگاه‌ها
۲۰۰ دیدگاه و پاسخ آخر
گلس گوشی سامسونگ سرور اچ پی دکتر HP خرید گوشی عمده خرید انواع قاب گوشی موبایل فالوور واقعی اینستاگرام سی پی ارزان کالاف موبایل دوره SEO هزینه خرید سرور مجازی پرسرعت خرید سرور مجازی خرید سرور اختصاصی ایران خرید فالوور آپارات نمایندگی لنوو