همه ما می‌دانیم که ترفندهای جستجو در گوگل بی‌شمار هستند. معمولا افراد حداقل یک بار هم که شده در زندگی خودشان از این ترفندها استفاده کرده‌اند. مطمئنم شما هم تا کنون از گوگل استفاده کرده‌اید. اما افراد موفق همیشه دوست دارند مهارت خودشان را در هر حوزه‌ای افزایش دهند و چیزهای جدید یاد بگیرند. اگر شما هم چنین خصوصیتی دارید در این مقاله با ما همراه باشید. ترفندهای جستجو در گوگل برای چه کسانی مناسب است؟ استفاده کردن از گوگل تنها به بچه‌های رشته کامیپوتر محدود نمی‌شود و هر کسی از هر رشته‌ای سعی دارید به طور کلی از گوگل به درستی استفاده کند. همواره می‌بینم که افراد مختلف برای یافتن کوچک‌ترین اطلاعات به گوگل مراجعه می‌کنند و از آن کمک می‌گیرند. مهندسان برق، معماری و دکترهای علوم پزشکی و …. همه و همه به صورت دائم سعی دارند که با استفاده از گوگل به داده‌های مربوط به خودشان دسترسی داشته باشند. اگر شما با هر تخصصی تنها یک تکنیک از دیگران بیشتر بلد باشید قطعا آینده موفق‌تری را خواهید داشت. پس هر کسی به طور کلی با گوگل سر و کار دارد( که قطعا هر کسی ممکن است داشته باشید) بهتر است این مقاله را مطال.. ... <a class="cz_readmore" href="https://jsschool.ir/%d9%85%d8%b9%d8%b1%d9%81%db%8c-8-%d9%85%d9%88%d8%b1%d8%af-%d8%a7%d8%b2-%d8%aa%d8%b1%d9%81%d9%86%d8%af%d9%87%d8%a7%db%8c-%d8%ac%d8%b3%d8%aa%d8%ac%d9%88-%d8%af%d8%b1-%da%af%d9%88%da%af%d9%84-%d8%a8/"><i class="fa fa-angle-left" aria-hidden="true"></i><span>ادامه مطلب</span></a>

در این مقاله سعی داریم به طور کلی به آموزش انیمیشن‌سازی در CSS بپردازیم. همانطور که می‌دانید در طراحی‌های امروزی استفاده از انیمیشن‌ها در CSSبسیار رایج است و اغلب طراحان دوست دارند از آن استفاده کنند. احتمالا در آینده‌ای نه چندان دور بیشتر با چنین مواردی برخورد خواهید کرد که افراد مختلف از انیمیشن‌ها در طراحی سایت استفاده می‌کنند. در ادامه به طور کلی به مقدمات انیمیشن‌سازی و البته نحوه پیاده‌سازی آن در پروژه‌ها می‌پردازیم. پس با ما همراه باشید. چرا یادگیری انیمیشن‌سازی در CSS مهم است؟ برای ایجاد یک انیمیشن در صفحات وب دو راه وجود دارد. یکی استفاده از فایل است. به عنوان مثال معمولا از فایل‌های گیف برای ایجاد انیمیشن استفاده می‌شود. جالب است بدانید که استفاده بیش از حد از فایل‌های گیف می‌تواند ضرر بزرگی را به سایت شما وارد کند. علت اصلی این موضوع حجم بالای این فایل‌ها است. گوگل بسیار بر روی سرعت لود شدن سایت بسیار حساس است. همین موضوع باعث شده بسیاری از افراد تمایلی به استفاده از فایل‌های گیف نداشته باشند. در این شرایط بهترین گزینه این است که تا حد ممکن از فایل‌های تصویر و متحرک است.. ... <a class="cz_readmore" href="https://jsschool.ir/%d8%a2%d9%85%d9%88%d8%b2%d8%b4-%d8%a7%d9%86%db%8c%d9%85%db%8c%d8%b4%d9%86%d8%b3%d8%a7%d8%b2%db%8c-%d8%af%d8%b1-css-%d8%a8%d8%b1%d8%a7%db%8c-%d9%85%d8%a8%d8%aa%d8%af%db%8c%d8%a7%d9%86/"><i class="fa fa-angle-left" aria-hidden="true"></i><span>ادامه مطلب</span></a>

در این مقاله سعی داریم به طور کلی به نحوه ساخت افکت انیمیشن برای متن در CSS بپردازیم. همانطور که می‌دانید زبان CSS یکی از اصلی‌ترین پایه‌های برای تولید صفحات وب است. چه در حوزه فرانت فعالیت دارید و چه بک‌اند باید آشنایی لازم را با این زبان داشته باشید. از سی‌اس‌اس برای بهتر کردن ظاهر صفحات وب استفاده می‌شود. در حقیقت صفحات اچ‌تی‌ام‌ال در حالت دیفالت هم می‌توانند به کاربران نمایش داده شوند ولی کمی ظاهرشان مناسب نیست. از این رو می‌توانید از CSS برای انجام این کار استفاده کنید. به طور کلی یادگیری قواعد CSS کار ساده‌ای است. مشکلی که اکثر دانشجویان و دانش‌آموزان در حین یادگیری این زبان به آن برخورد می‌کنند تکنیک‌ها است. هم‌چنین آن‌ها نمی‌توانند المان‌هایی با شکل‌های مختلف را تولید کنند. از این رو در این مقاله به طور کلی یک تمرین بسیار عالی را ارائه کرده‌ایم که با استفاده از آن می‌توانید به راحتی اقدام به تولید یک افکت انمیشنی در صفحات وب کنید. پس با ما همراه باشید. افکت انیمیشن برای متن در CSS در کجا کاربرد دارد؟ قطعا تا به حال به این نوع افکت در صفحات وب برخورد کرده‌اید. معمولا از این.. ... <a class="cz_readmore" href="https://jsschool.ir/%d8%a2%d9%85%d9%88%d8%b2%d8%b4-%d8%b3%d8%a7%d8%ae%d8%aa-%d8%a7%d9%81%da%a9%d8%aa-%d8%a7%d9%86%db%8c%d9%85%db%8c%d8%b4%d9%86-%d8%a8%d8%b1%d8%a7%db%8c-%d9%85%d8%aa%d9%86-%d8%af%d8%b1-css-%d8%a8%d9%87/"><i class="fa fa-angle-left" aria-hidden="true"></i><span>ادامه مطلب</span></a>

در دو قسمت گذشته از آموزش انمیشن‌سازی در CSS به طور کلی به مقادیر scale و translate اشاره کردیم. پراپرتی transform مقادیر دیگری را نیز دریافت می‌کند. یکی از آن‌ها rotate است. در این جلسه می‌خواهیم به آموزش کار با Rotate در css بپردازیم. از این مقدار همانطور که از نام آن مشخص است برای چرخش عناصر در صفحات وب استفاده می‌شود. به عبارتی شما می‌توانید هر چقدر که دوست داشتید عناصر مختلف صفحه را به چرخش در بیاورید. اگر به این مبحث علاقه‌مند هستید با ما همراه باشید. از rotate در چه مواردی استفاده می‌شود؟ زمانی که قصد دارید یک عنصر را به چرخش در بیاورید از این خاصیت استفاده می‌کنید. در حقیقت در بعضی از موارد است که عنصر مد نظر باید در یک زاویه خاصی قرار بگیرد. در این حالت Rotate را با زاویه خاص مقدار دهی می‌کنیم تا به شکل مد نظر خودمان برسیم. انجام این کار بسیار ساده است که در بخش‌های دیگر به آن می‌پردازیم. هم‌چنین شاید بخواهیم عنصر مد نظر را به تعداد مشخصی بچرخانیم. برای این کار نیز از همین پراپرتی استفاده می‌شود. در بخش‌های بعدی از مقاله آموزش کار با Rotate در css به همین موضوع می‌پردازی.. ... <a class="cz_readmore" href="https://jsschool.ir/%d8%a2%d9%85%d9%88%d8%b2%d8%b4-%d8%a7%d9%86%db%8c%d9%85%db%8c%d8%b4%d9%86%d8%b3%d8%a7%d8%b2%db%8c-%d8%a8%d8%a7-css-%d8%ac%d9%84%d8%b3%d9%87-%d8%b3%d9%88%d9%85-%d8%a2%d9%85%d9%88%d8%b2%d8%b4/"><i class="fa fa-angle-left" aria-hidden="true"></i><span>ادامه مطلب</span></a>