PDA

View Full Version : سایت های حرفه ای که می لغزند


olampiad
دوشنبه 15 مهر 1392, 12:54 عصر
سلام
بعضی از سایت ها هستندکه خیلی حرفه ای با jquery طراحی شدن.
مثلا با حرکت اسکرول ، اشیاء توی اون حرکت می کنند.
هر چقدر با اسکرول پایین می یایم بازم اشیاء حرکت می کنن.
اسم این سایت ها چیه؟
هر چقدر توی اینترنت سرچ کردم پیدا نکردم.
می شه چند تا از این سایت ها مثال بزارید
مــــــــــــــــــــــــ ـمـــــــــــــــــــــــ ــنـــــــــــــــــون
Javidhb
دوشنبه 15 مهر 1392, 13:09 عصر
مثل این: http://www.mozilla.org/en-US/firefox/os/

اسم خاصی ندارن ... اما بصورت چند لایه طراحی میشن و از تکنیک parallax استفاده میکنن... اشیا رو هم با javascript جابجا و ... میکنن.
Omid Jackson
دوشنبه 15 مهر 1392, 14:12 عصر
به اینجا سر بزنین
http://www.awwwards.com/20-best-websites-with-parallax-scrolling-of-2013.html
Omid Jackson
دوشنبه 15 مهر 1392, 14:55 عصر
ویکی پدیا (http://en.wikipedia.org/wiki/Parallax_scrolling)
یکسری دیگه (http://www.awwwards.com/30-great-websites-with-parallax-scrolling.html)
یه سایت (http://andrevv.com/) جالب
mnvoh90
دوشنبه 15 مهر 1392, 15:00 عصر
یه سایت جالب
عجججججب!!!!
mohamad_torabi
دوشنبه 15 مهر 1392, 21:56 عصر
ویکی پدیا (http://en.wikipedia.org/wiki/Parallax_scrolling)
یکسری دیگه (http://www.awwwards.com/30-great-websites-with-parallax-scrolling.html)
یه سایت (http://andrevv.com/) جالب
سایت اخری چه جوری ساخته شده؟
olampiad
دوشنبه 15 مهر 1392, 22:26 عصر
عالی بوذن
ممنون
Omid Jackson
دوشنبه 15 مهر 1392, 23:09 عصر
سایت اخری چه جوری ساخته شده؟
background-image و background-color دادن بعد اومدن براش تعریف کردن background-attachment
فکر کنم فقط همین
اگر وقت و حوصله داشته باشم سعی میکنم همچین چیزی آماده کنم
olampiad
دوشنبه 15 مهر 1392, 23:20 عصر
ببخشین
background-attachment
چیه؟
Omid Jackson
دوشنبه 15 مهر 1392, 23:27 عصر
ببخشین
background-attachment
چیه؟
http://www.w3schools.com/cssref/pr_background-attachment.asp
s2/mri
دوشنبه 15 مهر 1392, 23:31 عصر
سایت اخری چه جوری ساخته شده؟

اگه شما هم چندتا عکس گوشه کتابتون بکشین و کتاب رو سرع ورق بزنین یه همچین انیمیشنی ایجاد میشه / تو این سایت هم دقیقا از همین تکنینک استفاده شده . یه سری عکسه که تکرار میشه. فقط باید position مناسب به عکسا داد.(که هر کلاس section اینکار رو انجام میده / عکسها هم 12تا عکس گربه درحالت های مختلف که کلاسهای cat f00 تا cat f12 هستش)

چیز جالبی که ازش خوشم اومد این بود که در حین اسکرول کلاس بیشتری لود میکنه که باعث شده سایت سرعت خوبی داشته باشه.
Omid Jackson
دوشنبه 15 مهر 1392, 23:42 عصر
background-image و background-color دادن بعد اومدن براش تعریف کردن background-attachment
فکر کنم فقط همین
اگر وقت و حوصله داشته باشم سعی میکنم همچین چیزی آماده کنم
تمام چیزی که نیاز داره همیناست
http://jsfiddle.net/OmidJackson/ytZak/