این سایت، بهترین سایت طراحی شده دنیا تا به الان هست

واقعا دیگه بیشتر از این چی می‌تونی بخوای از یک صفحه وب ؟

تو معمولا شروع می‌کنی و یک سایت می‌نویسی و فکر می‌کنی آشغالی که زدی خیلی شیک و خاص هستش، واقعا فکر می‌کنی که قراره بهت بخاطر این تک‌صفحه ۱۰ مگابایتی که جلوه های ویژه و این‌چیزا داره، جایزه بدن و بگن اوفففف دم طراحش گرم ؟ اگه دنبال این هستی بیا من بهت یه برچسب صدآفرین می‌دم نگهش‌دار و بچسبونش به اون مانیتور‌‌ سیستم‌ات و هرروز ببینش و ذوق بکن. یا مثلا فکر می‌کنی با اضافه کردن چند کیلو JQuery و صد تا Polyfill و اینجور آت و آشغالا بخاطر اینکه سایتت توی IE7 خاصیت box-shadow بگیره، خیلی کار خفنی کردی و باید بهت لقب حرفه‌ای ترین طراح وب قرن رو داد ؟ این کاری که می‌کنی قرطی‌بازی هست و داری وقتتو هدر میدی، مرد باس سایتش استاندارد باشه، بزار برات معیار های یک سایت ایده‌آل رو بگم :

حالا حدس بزن چی‌شده، بچه قرطی :

تو داری بیش‌از‌اندازه به طراحی اهمیت میدی(کاکائوشو درمیاری)، به این سایت خوشگلی که الان داری می‌خونی نگاه کن، واقعا چی کم داره ؟ چه دلیلی داره وقتی من روی اون دکمه توی سایتت hover می کنم، ۱۰۰ خط انیمیشن بنویسی که یه انیمیشن براقی بیاد و از روش رد بشه ؟ لامصب نمیگی ما شگفت‌زده میشیم ؟ تو ساعت‌ها روی طراحی وقت صرف می‌کنی و نتیجش اضافه شدن ۳۰۰ کیلوبایت استایل اضافه به سایتت و مصرف اضافه‌ی ۳۰۰ کیلوبایت از اینترنت من هستش بخاطر اون انیمیشن مثلا Shimmer که به دکمه هات دادی، در نهایت یه خرس گنده توی تبلتش سایتتو باز می‌کنه و با اون انگشتای قلمبه‌اش اسکرول می‌کنه پایین و اصلا اون دکمه خوشگل با افکت و انیمیشن که تو روش ساعت‌ها وقت گذاشتی رو نمیبینه، یا حتی خبر بدتر اینکه افرادی که نابینا هستند هم این انیمیشن که زدی رو نمی‌بینند، و خبر خوب‌تر اینکه افراد نابینا هیچ‌یک از این قرطی بازی هایی که زدی و ما می‌بینیم رو نمی‌بینند، ناموسا اینو میدونستی ؟ منم تازه فهمیدم

احتمالا این‌چیزایی که گفتم رو نمیدونستی و فکر می‌کردی سایتت خیلی شاخ هست، ولی سایتت هرچی باشه به این نمیرسه،‌ چون :

به اندازه احمقانه‌ای سبکه !

حجم کل صفحه با تمام محتوا و جزئیاتش، کمتر از حجم اون لوگوی رنگارنگی هستش که توی سایت وردپرسی‌ات استفاده کردی. واقعا میای و ۱۰۰ کیلوبایت JQuery UI لود می‌کنی که بتونی به اون div توی سایت مسخره‌ات انیمیشن بدی که رنگ پس‌زمینه اش عوض بشه ؟ یا‌ واقعا میای و ۷ نوع fontface از یک فونت مسخره رو توی سایتت لود می‌کنی که توی اون هدر سایتت اسم سایتتو با فونت خاص بنویسی، احساس شاخ بودن هم بهت دست میده چون بجای عکس، با html نوشتی لوگوتایپ سایتت رو ؟ نکشیمون لامصب حرفه‌ای

به طرز احمقانه‌ای واکنش‌گرا هست !

اره احمق، این سایت که داری الان می‌بینی، کاملا ریسپانسیو هستش، فکر کردی خیلی کار باحالی می‌کنی و ۱۰۰۰ خط media query می‌نویسی که اون سایت مسخره‌ات ظاهرش توی اندازه های مختلف خراب نشه ؟ یا مثلا وقتی طرف با موبایل وارد سایتت میشه، یه منوی کشویی ژینگولکی از اون کنار براش بزنه بیرون ؟ یا واقعا فکر می‌کنی داری کار خیلی شاخی می‌کنی که ۳۰۰ کیلوبایت بوت‌استرپ لود می‌کنی توی صفحه ات که بیاد و صفحه رو به ۱۲ قسمت مساوی تقسیم بکنه و با گرید بندی بری جلو ؟ نه لعنتی نمیفهمی ! این کارا سوسول بازیه ! سایت باید اینجوری باشه، توی هر سایزی ریسپانسیو باشه و کار بکنه، سایت باید چه توی تلوزیون ۱۰۵ اینچی LG و چه توی گوشی موبایل Nokia 1100 ظاهر خودشو حفظ بکنه و به درستی نمایش داده بشه، اگه ادعات میشه سایتتو برو روی یه تلوزیون ۱۰۵ اینچی تست بکن تا بفهمی اون انیمیشن Loading که گزاشتی توی سایتت و داره پر میشه، توی صفحه ۱۰۵ اینچ برای اینکه از اول تا اخر برسه و پر بشه، مسیری به اندازه فاصله تهران تا تبریز رو طی می‌کنه، یا اون دکمه خوشگلی که طراحی کردی توی همون صفحه ۱۰۵ اینچی اندازه کل صفحه نمایش الان ات میشه، پس واسه من از ریسپانسیو بودن و اینا حرف نزن، ریسپانسیو فقط همینه و تمام

به طرز احمقانه‌ای کاملا کار می‌کنه !

به این سایت خوشگل که الان داری می‌بینی نگاه بکن، می‌تونی بخونی و محتوا رو متوجه بشی، خب ؟ همین ! اگه می‌تونی بخونی و مطلب رو متوجه بشی یعنی من تونستم یک سایت خوبی پیاده کنم که تو بتونی به راحتی بخونی و مطلبشو بگیری، اینجا دیگه من دلیلی نمیبینم برات با CSS بیام چند تا div رو animate بکنم و قررررش بدم که خوشت بیاد و بلکه مطلب رو بخونی، می‌بینی چقد ساده هستش ؟ خودت داری مطلب رو میخونی و این پایان ماجرا هستش، سلسله های زیادی پشت این قضیه هستش و این سند بصورت HTML نوشته شده و اون مرورگری که داری، نشانه‌گذاری هارو میخونه و طبق اندازه صفحه نمایش‌ات بصورت اتوماتیک رندر می‌کنه و تو الان می‌تونی این رو خیلی راحت بخونی، خب پس مشکلت چیه ؟

این سایت خیلی ساده و روان هستش و برعکس سایت خودت که ۱۰۰ خط استایل نوشتی برای یک دکمه که حالت shimmer داشته باشه و با دزدین توجه کاربر، مجبورش کنی روی اون دکمه کلیک بکنه و وارد کانال تلگرامت بشه که بتونی توی کانالت از تبلیغات پول دربیاری، اینکارو نکن

سازگاری با مرورگر‌ها ؟

همین سایت رو توی IE6 لود بکن و اگه همینی که اینجا داری میبینی رو اونجا ندیدی، یا ذره ای متفاوت دیدی بیا به من خبر بده که من کلا جمع کنم و برم پی کارم

سخن پایانی

و البته که حرف‌هایی که توی این صفحه گفته شده چیزی جز یک شوخی ساده با توسعه‌دهنده های وب نیست و بدون هرگونه قصدی یا توهینی بیان شده و امیدوارم که دوستان حرفه‌ای در عرصه، به دل نگیرند (: ، هدف این سایت صرفا بر این هست که به دوستانی که بیش‌از‌اندازه به Design شون اهمیت میدن و لود تایم رو فدای Design میکنند، یک تلنگری باشه که مهم محتواست و راحتی کاربر (: و مثلا بخاطر یک GridSystem کل بوت‌استرپ ۳۵۰ کیلوبایتی رو توی پروژه‌شون لود نکنند (:

این سایت بصورت آزادانه روی Github میزبانی میشه و می‌تونید از طریق این لینک مشارکت داشته باشید.

هنوزم که هنوزه میشه با HTML خالص وبسایتی زد که بازدیدکننده و مخاطب داشته باشه