PDA

View Full Version : راهنمايي در مورد طراحي ظاهر شبيه اين نمونه



desatir7316
شنبه 05 مهر 1393, 17:05 عصر
سلام دوستان
يه نگاهي به اين سايت بندازيد: http://hotdot.pro/en/
من فقط فهميدم از javascript توش استفاده شده؟ يعني غير فعالش كني كلا سايت پرررر
ممنون مي شم دوستان يه راهنمايي كامل كنن كه همچين سايت هايي رو به چه شكل مي شه طراهي كرد؟

deragonpc
شنبه 05 مهر 1393, 17:17 عصر
درود دوست عزیز این سایت نزدیک 8 فایل Css داره بعد شما میگی فقط js ؟
بعد این که جلوه های این سایت هم با jq طراحی شده که اگر با jq آشنا باشید میدونید که کار آنچنان سختی نیست
بیشتر زیبایی سایت بخاطر خلاقیت طراح بوده . اگر دقت کنید میبینید که در هر اسلاید از چندین تصویر استفاده شده . که هر تصویر به صورت جداگانه حرکت میکنه که بنظر میاد داری یک فیلم رو میبینی که البته تمام این کار ها با jq ممکن هست بیشترین چیزی که در این سایت به چشم میاد خلاقیت طراح هست .

راستی از modernizr هم استفاده کرده که فقط میدونم یک کتاب خونس و نمیدونم به چه دردی میخوره .

desatir7316
شنبه 05 مهر 1393, 17:33 عصر
درود دوست عزیز این سایت نزدیک 8 فایل Css داره بعد شما میگی فقط js ؟
من كي گفتم فقط، گفتم كه بيسش رو گذاشته رو js ...

راستي وقتي scroll مي كني، url هم عوض مي شه. دليلش چيه؟
اين كه داره خيلي روون اسكرول مي كنه كه

deragonpc
شنبه 05 مهر 1393, 17:48 عصر
عنوان های درون url ها نام id هر اسلاید هست و در اصل صفحه ای لود نمیشه و فکر کنم تکرار میکنم فکر کنم این بخاطر استفاده از کلید های مکان نما برای حرکت اسلایدر باشه . برای طلاعات بیشتر میتونید فایل
/static/js/index/i.js (http://hotdot.pro/static/js/index/i.js)رو که ماله همین سایت هست رو مطلاعه کنید البته همش کد هست .

ویرایش شد فایل اشتباهی داده بودم

desatir7316
یک شنبه 06 مهر 1393, 08:32 صبح
خوب خوب خوب
از paralax.js استفاده كرده : http://hotdot.pro/static/js/parallax.js
يه سرچ تو گوگل كردم عجب چيز توپيه