نرم‌افزار Adobe Illustrator به صورت پیش‌فرض فایل‌ها را با فرمت AI ذخیره می‌کند. این فرمت برای ویرایش فایل در ایلوستریتور مناسب است اما برای استفاده از فایل در دیگر نرم‌افزارها و به اشتراک گذاری طراحی‌ها، بهتر است از فرمت‌های دیگر مثل PNG و JPG یا SVG و PDF استفاده شود.

در ادامه به فرمت‌های خروجی که در نرم‌افزار ادوبی ایلوستریتور قابل استفاده است می‌پردازیم.

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

در ادامه به بحث در مورد تفاوت عنوان صفحه و هدینگ ۱ یا تگ H1 در HTML می‌پردازیم و اصول طراحی بهینه‌ی صفحه از نظر عنوان و H1‌ را بررسی می‌کنیم.

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

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

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

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

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

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

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

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

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

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

در ادامه به روش تبدیل Word به HTML و تنظیمات و گزینه‌های موجود در ورد مجموعه‌ی آفیس مایکروسافت برای این مهم، می‌پردازیم. با سیاره‌ی آی‌تی همراه شوید.

ابزار اصلی جست‌وجو در ویندوز ۱۰، پیشرفته‌تر از نسخه‌های قبلی ویندوز است و استفاده از آن ساده‌تر شده، به عنوان مثال کافی کلید Win کیبورد را فشار دهید تا منوی استارت باز شود و سپس حروف و کلمات موردنظر را تایپ کنید. بدون کلیک روی جعبه‌ی سرچ، جستجو سریعاً انجام می‌شود. در نتایج جست‌وجو مواردی از تنظیمات و فایل‌ها و حتی دنیای عظیم اینترنت مشاهده خواهید کرد.

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

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

سرعت بارگذاری سایت به صورت مستقیم در SEO موثر نیست اما طبعاً سایتی که سریع‌تر لود شود، بازدیدکننده را با احتمال بیشتری به بازدید از صفحات دیگر تشویق می‌کند و این یک فاکتور مثبت در سئوی سایت است. در ادامه به روش بارگذاری فایل‌های CSS و JS قالب سایت‌ها و پلاگین‌های نصب‌شده از طریق Google Drive می‌پردازیم. با ما باشید.

یکی از ویژگی‌های زبان طراحی متریال گوگل این است که با تپ یا کلیک کردن روی عناصر، افکت جالب موج که به اطراف پخش شده و محو می‌شود را رویت می‌کنیم. به این ویژگی Ripple Effect گفته می‌شود و با روش‌های مختلف قابل‌پیاده‌سازی است. می‌توانید از CSS خالص استفاده کنید که مشکلات خاص خود را دارد و می‌توانید از ترکیب CSS و Javascript استفاده کنید.

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

در نرم‌افزار مدیریت سایت WordPress برای هر مطلب یا پست می‌توان چند دسته یا Category و چند برچسب یا Tag انتخاب کرد. انتخاب دسته با تیک زدن در چک‌باکس‌ها انجام می‌شود اما انتخاب برچسب به صورت تایپ کردنی است و البته می‌توان کمی صبر کرد تا وردپرس برچسب‌های قبلی استفاده شده را بررسی کند و پیشنهادی برای برچسب جدید ارایه کند.

اما در وردپرس می‌توان با یک تغییر ساده در قالب و فایل توابع یا functions.php کاری کرد که نمایش برچسب‌ها مثل دسته‌ها به صورت چک‌باکسی باشد و انتخاب کردن برچسب برای سایت‌های کوچک، ساده شود.

در این مقاله به روش تبدیل کردن ظاهر بخش برچسب‌ها در WordPress به شکل مشابه دسته‌ها می‌پردازیم. با ما باشید.

بررسی آماری گوگل نشان می‌دهد که در سال ۲۰۱۸ برای اولین بار کاربران اینترنت موبایل از دستاپ پیشی گرفته‌اند. در حقیقت تعداد گوشی‌های اندروید و آیفون آن قدر افزایش پیدا کرده و سرعت اینترنت سیم‌کارت بیشتر شده که این روزها کاربران اینترنت بیش از کامپیوتر و لپ‌تاپ، از موبایل برای بازدید از سایت‌ها استفاده می‌کنند.

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

در این مطلب می‌خواهیم به نکات مهم در طراحی و بهینه‌سازی سایت برای موبایل که به سئو نیز کمک می‌کند، بپردازیم. با ما باشید.