Mohsen
Mohsen
خواندن ۱ دقیقه·۷ سال پیش

بارگذاری محتوا به شیوه ی PlaceHolder و سبک فیسبوک

بارگذاری محتوا به شیوه placeholder (معادل فارسی رو واقعا نمیدونم چی باید نوشت) رو اولین بار فکر میکنم وبسایت فیسبوک توی سایتش پیاده سازی کرد و بعد یواش یواش جای خودشو توی بقیه وبسایتها باز کرد و یک تکنیک محبوب و جایگزین مناسب برای لودینگهای کلاسیک چرخشی (spinner loading) شد.


توی همین وبسایت ویرگول هم از این تکنیک اگر دقت کرده باشید موقع اسکرول کردن مطالب صفحه اول استفاده میشه. مهمترین قضیه در این مورد یادگیری اسم این تکنیک بود و بقیه کارها با یک سرچ کوچیک در مورد پلاگین‌های موجود قضیه رو به سرانجام میرسونه!

پلاگینهای جی کوئری و کدهای سی اس اس زیادی برای پیاده سازی تکنیک content PlaceHolder وجود داره که کافیه فقط دنبالش بگردید. این هم چند نمونه آموزش و افزونه جی کوئری:

https://cloudcannon.com/deconstructions/2014/11/15/facebook-content-placeholder-deconstruction.html

دموی فیسبوکی با سی اس اس:

https://codepen.io/nurulishlah/pen/beEGVE

پلاگین جی کوئری (دمو + دانلود):

https://www.jqueryscript.net/loading/Content-Placeholder-Plugin-jQuery-Skeleton-Loader.html

placeholder contentcontent loadercss loaderjquery loader
یه برنامه نویس وب که شدید علاقه داره به یادگیری بیشتر توی زمینه کاریش و مسائل مرتبط با آی.تی و تکنولوژی :))
شاید از این پست‌ها خوشتان بیاید