آنالیز سایت (بدون جنبه تبلیغاتی)

[هزاره سوم]

دوستان میشه این دو تا سایت رو آنالیز بکنین؟؟
چه ساختاری داره؟؟
چه تکنولوژی هایی درش استفاده شده؟؟
نوع رنگ بندی؟؟
سبک طراحی ؟تخت یا نه؟؟
(بهتون قول میدم جنبه تبلیغاتی نداره و با گشتن توو نت سایت رو پیدا کردم و خیلی دوست دارم بیشتر در موردش بدونم)

اولین سایت (http://www.dudamobile.com/)
دومین سایت (http://www.asiatech.ir/)

در مورد اینکه با رفتن اسکرول به سمت پایین اجزا هم حرکت میکنن هم میشه توضیح بدید؟
ممنون

[tadayoni]

asiatech تکنولوژی استفاده شده : php , jquery , html 5 . css 3 رنگ بندی !!! : قرمز ، ابی ، سفید و ... سبک طراحی : نمیشه این سایت رو دقیقا یه سبک تخت دونست ولی به نوعی هم میشه جزو اون دسته بندی بشه . در کل نیمه تخت هستش چون تصاویر استفاده شده در اون زیاده در مورد حرکت اشیاء هم این توضیح رو بدم که این کار رو میشه با jquery و یا css 3 هم انجام داد که بستگی به نوع و سلیقه طراحی داره

[tadayoni]

dudamobile
دقیقا مشابه سایت بالا هستش با این تفاوت که از html 5 استفاده نکرده و میشه به راحتی با استفاده از html 4 هم پیاده سازی کردش

[هزاره سوم]

در مورد حرکت اشیا ک گفتید با سی اس اس هم میشه میتونین بیشتر توضیح بدید؟؟
ممنون میشم

[mhbitarafan]

حرکت های سایت آسیا تک با فریم ورک جاوااسکریپت (احتمال خیلی زیاد جی کوئری) نوشته شده....
پراپرتیس های حرکت اشیا توی سی اس اس 3 :
transform -> جهت چرخش - جلو آمدن و غیره استفاده میشه ...
transition -> جهت مدت زمان داردن به انجام کاری (مثلن دو ثانیه طول بکشه تا یه شی بچرخه ...)
البته جی کوئری خیلی جذاب تر و دارای تنظیمات بیشتری هست و قابل مقایسه با سی اس اس نیست ...

[tadayoni]

دوستمون در بالا توضیحات خوبی ارائه دادن
البته میشه برای CSS هم با استفاده از پیش پردازش گرها تنظیمات بسیار پیشرفته تری هم ایجاد کرد
http://tadayoni.ir/less-css-%d8%b1%d8%a7%d9%87%d9%86%d9%85%d8%a7%db%8c-%d9%85%d9%82%d8%af%d9%85%d8%a7%d8%aa%db%8c/