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

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

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

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

مدیریت دانلود و در واقع سرعت دانلود در مرورگر گوگل کروم برای کاربرانی که از نرم‌افزارهای مدیریت دانلود استفاده نمی‌کنند، امری ضروری است. برای این کار می‌توانید از اکستنشن‌های متنوع گوگل کروم استفاده کنید اما بدون هیچ افزونه‌ی اضافی هم می‌توانید این کار را انجام بدهید و در واقع سرعت دانلود را با امکانات اصلی Google Chrome محدود کنید.

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

در سایت‌های مبتنی بر WordPress یکی از مهم‌ترین فایل‌ها، فایل wp-config است. این فایل کم‌حجم و ساده در حقیقت بسیاری از امور را کنترل می‌کند و کوچک‌ترین تغییرات در آن، اثر زیادی روی کارکرد نرم‌افزار مدیریت محتوای وردپرس دارد.

در این مقاله می‌خواهیم با تعدادی از ترفندها و دستورات جالب و کاربردی پیرامون استفاده از wp-config.php آشنا شویم که برای طراحان وب و وبمسترهای مبتدی بسیار مفید است. با ما باشید.

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

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

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

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

در سرویس آماری Google Analytics که محبوب‌ترین روش محاسبه‌ی آمار بازدیدکنندگان سایت است، برخی کمیت‌ها مثل نرخ پرش یا Bounce Rate و زمان ماندن در صفحه یا Time on Page برای وب‌مسترهای مبتدی کمی نامفهوم است و البته خطای محاسباتی زیادی دارد.

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

یکی از مسائل مهم در SEO و رتبه‌ی مطالب سایت‌ها در موتور جست‌وجو Google، مقوله‌ی نشانه‌گذاری محتویات صفحه مطابق با استانداردهای Schema.org است. گوگل چندی پیش به صورت رسمی اعلام کرده که رعایت کردن نشانه‌گذاری اسکیما می‌تواند رتبه‌ی سایت‌ها را نسبت به رقبا بهتر کند.

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

یکی از مشکلاتی که وب‌مسترها و طراحان سایت‌های دانلود فیلم و موسیقی و حتی دانلود عکس و PDF دارند، این است که با قرار دادن لینک فایل‌ها در تگ <a>، زمانی که کاربر روی آن کلیک می‌کند، فایل به جای دانلود شدن توسط دانلودر مرورگر یا سایر نرم‌افزارهای مدیریت دانلود، مستقیماً باز می‌شود.

در حقیقت Chrome و Mozilla و بسیاری از مرورگرهای مدرن، می‌توانند فایل‌های MP3‌ و MP4 و PDF و همین‌طور عکس‌ها را باز کنند و طبعاً به جای دانلود کردن، فایل را باز می‌کنند. با تغییراتی در تگ a و همین‌طور htaccess می‌توان این مشکل را برطرف کرد که در این مقاله به آن می‌پردازیم.

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

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

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

در ادامه به روش بکاپ گرفتن از دیتابیس SQL و سایر فایل‌های سایت وردپرسی با دستورات ساده‌ای در ترمینال لینوکس می‌پردازیم. با ما باشید.

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

برای کار با آرایه‌ها در جاوااسکریپت، ترفندها و روش‌های مختلفی وجود دارد که در این مقاله می‌خواهیم به ۱۰ مورد جالب و کاربردی اشاره کنیم که شاید برخی را ندیده باشید. با ما باشید.