در حال حاضر محصولی در سبد خرید شما وجود ندارد.
اگر تا به حال Pinterest را مرور کرده اید، متوجه خواهید شد که کارت های مختلف به صورت متناوب نمایش داده می شوند و به صورت افقی هماهنگ نیستند. این به این دلیل است که کارت ها همیشه همان ارتفاع نیستند. این نوع طرح "سنگ تراشی" نامیده می شود و معمولا برای رسیدن به یک جاوا اسکریپت نیاز دارد. در این دوره، ما چند راه متفاوت برای ایجاد چنین طرح بندی صرفا با CSS را بررسی خواهیم کرد.
عنوان اصلی : How to Create CSS Masonry Layouts
سرفصل های دوره :
1. معرفی:
1.1. به این دوره سنگ تراشی خوش آمدید
1.2. طرح بندی سنگ تراشی چیست؟
2. ایجاد طرح های CSS تنها سنگ تراشی:
2.1. مصالح ساختمانی با طرح چند ستون
2.2. سنگ تراشی با Flexbox
2.3. مصالح ساختمانی با طرح شبکه CSS
How to Create CSS Masonry Layouts
در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.
دوره متوسط : یادگیری کامل CSS Grid Layout
یک صفحه لندینگ عالی را بوسیله Envato Elements بسازید
کار با WPBakery Page Builder در وردپرس
How to Design and Animate a Collapsible Sidebar in Figma
راه اندازی کلاس و مدرسه آنلاین با Moodle
5 پروژه CSS: افکت هاور عکس
کار با Mason : فریم ورک Front-End
راهنمای بهبود کارایی انیمیشن ها در وب
پروتوتایپ سازی بوسیله Framer X
کورس پیشرفته InVision Studio
✨ تا ۷۰% تخفیف با شارژ کیف پول 🎁
مشاهده پلن ها