راهنمایی برای پروژه
درود بر همه دوستان وقتتون بخیر
قصد دارم مشابه تصویر صفحه ثبت نام چند مرحله ای رو با بوت استرپ و جی کوئری درست کنم.
دوستانی که تجربه دارن یا صاحب نظر هستند ممنونم که بفرمایند اولا شدنی هست یا نه؟ و اگر نکته ای هست خوشحالم میشم بدونم تا از شما بزرگواران چیزی یاد گرفته باشم.
ممنونم
دانلود فایل
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
سلام دوست عزیز
@farhadi
به نظر من تو پیاده سازی این پروژه css نقش پررنگ تری داره تا js ولی خوب با js میشه پیداش کرد.
و نکته بعدی اینه که نمیخواد از کتابخونه ای مثل bootstrap استفاده کنی چون زیاد به دردت نمیخوره و اکثر افکت ها و حرکات خودت باید پباده سازی کنی اگرم میخوای از کتابخونه استفاده کنی مثلا میتونی از pure استفاده کنی که حجم کمی داره
و برای js پیشنهاد میکنم تب های خودتو کلاس بندی کنی و تا راحت تر باشه حالا با webpack یا ...
من این مدل پروژه ها رو پیاده سازی نکردم ولی به هر حال نظرمو گفتم که امیدوارم به دردت خورده باشه
@farhadi
اول بگم که هر کاری با html css js قابل طراحیه و مشکلی نیست
یکی از راه برای اینکار ، ایجاد یک holder هست که داخلش المنت های html رو قرار بدید؛ بعد بیاید و یک svg wave curve رو دانلود بکنید
یا میتونید از این ابزار استفاده کنید و svg رو در کنار holder قرار بدید و با فلکس منظمشون کنید
اون انیمیشن سوییچ هم راحت قابل پیاده سازیه، با jquery و addClass میشه خیلی راحت اینکارو انجام داد
یه راه دیگه هم هست ولی که میتونی به جای svg به holder border-radius بدی
این مثال رو ببین تا متوجه بشی
اگر چیزی مبهم بود، همینجا بگو تا رفعش کنیم
@aramnima50
ممنونم بابت راهنمایی خوبتون. ترجیح می دم از همون svg استفاده کنم برای رسم اون منحنی .
حالا بفرمایید چطور میتونم اون انیمیشن رو پیاده سازی کنم؟
سلام
شما برای طراحی این کار بهتره از css استفاده کنید و bootstrap مناسب اینجور کار ها نیست و به جای jquery از js استفاده کنید بهتره.
شما به جای css از Tailwind هم می تونید استفاده کنید واقعا فریمورک باحالیه کارتونم سریع تر پیش میره.