اگر یک توسعه‌دهنده وب هستید، دست و پنجه نرم کنید زیرا پلتفرم وب دارای ویژگی‌های جدیدی است که بازی را تغییر می‌دهند و روش ساخت وب‌سایت‌ها را برای همیشه تغییر می‌دهند. بیایید به این افزودنی های جدید باورنکردنی شیرجه بزنیم!
1. گفتگوی HTML بومی
دوران ساخت مدال از ابتدا با پس زمینه تمام صفحه و هک جاوا اسکریپت برای نمایش و پنهان کردن عناصر گذشته است. اکنون دیالوگ های بومی HTML داریم که به طور کامل در تمام مرورگرهای اصلی پشتیبانی می شود. فقط ID آن را ارجاع دهید و اجرا کنید showModal() روش.
1/21
پشتیبانی بومی برای ویندوز مودال.16:27 – 01 ژوئن 2023
2. Popovers در حال آمدن هستند
پاپاورهای بومی ویژگی هایی مانند popoverTarget و popover، به شما امکان می دهد بدون هیچ جاوا اسکریپت یا CSS پیچیده ای که از فوکوس درون آن استفاده می کند، محتوا را نشان داده و پنهان کنید.
2/21
پشتیبانی بومی برای Popovers
باز کنویژگی poppin باشد
16:27 – 01 ژوئن 2023
3. وب GPU: یک تغییر دهنده بازی برای گرافیک و بازی
Web GPU اساساً جانشین WebGL است که مرورگرها و برنامه‌های وب را قادر می‌سازد از GPUها برای ارائه سریع‌تر گرافیک در کتابخانه‌هایی مانند Babylon.js، Three.js و همچنین TensorFlow.js برای آموزش مدل‌های یادگیری ماشین استفاده کنند.
3/21
پشتیبانی مرورگر برای WebGPU16:28 – 01 ژوئن 2023
4. پرسش های کانتینر: وب سایت های پاسخگو آسان تر شده اند
با کوئری‌های کانتینر، توسعه‌دهندگان اکنون می‌توانند سبک‌های متفاوتی را بر اساس نزدیک‌ترین ظروف اجدادی به‌جای صرفاً اندازه ویوپورت اعمال کنند – طراحی واکنش‌گرا را بصری‌تر از همیشه می‌کند.
4/21
پرس و جوهای کانتینر در نهایت می توانیم برای این کار از جاوا اسکریپت خلاص شویم.
`@container` (عرض حداقل: 700 پیکسل؛)16:28 – 01 ژوئن 2023
5. ترکیب رنگ: ترکیب رنگ ها به صورت بومی در CSS
تابع ترکیب رنگ با مشخص کردن آرگومان‌های دو رنگ به همراه فضای رنگی دلخواه، امکان ترکیب رنگ‌ها را به صورت بومی در CSS فراهم می‌کند و افکت‌های گرادیان جالبی را در چندین عنصر ایجاد می‌کند.
5/21
ترکیب رنگ در CSS
واقعا برای شیب ها و سایه ها مفید است16:28 – 01 ژوئن 2023
6.CSS Nesting
تودرتوی CSS خوانایی کد را با اجازه دادن به استایل ها در داخل انتخابگرهای والد، درست مانند کانگوروها در کیسه ها، بهبود می بخشد – دیگر نام کلاس های تکراری وجود ندارد!
6/21
تودرتو CSS.
خداحافظ SASS و بقیه.
css خالص می تواند این کار را انجام دهد.
شاید اکنون بتواند بر Tailwind CSS پیروز شود؟16:28 – 01 ژوئن 2023
7. فونت های کروماتیک را تجربه کنید
فونت‌های رنگی (یا فونت‌های رنگی) به شما امکان می‌دهند کل پالت‌های رنگی را با استفاده از چندین رنگ در هر علامت، سفارشی کنید و امکانات بی‌پایانی مانند شیب و حتی جلوه‌های سه‌بعدی را ارائه دهید.
7/21
فونت های رنگی16:28 – 01 ژوئن 2023
8. افزایش عملکرد با افزونه Web Vitals
افزونه جدید Web Vitals برای کنسول کروم، معیارهای عملکرد را ثبت می‌کند و مشکلاتی مانند تغییرات طرح‌بندی و عناصر مشکل‌ساز را برای بهینه‌سازی وب‌سایت شما مشخص می‌کند.
9. ویژگی های جاوا اسکریپت: Array At & Deep Copy
روش آرایه در گرفتن آیتم های آرایه را با استفاده از شاخص های منفی (مثلاً -1 برای آخرین مورد) ساده می کند. عملکرد کلون ساختاریافته امکان کپی عمیق از اشیاء را فراهم می کند و انتقال داده ها بین آنها را بسیار آسان تر می کند.
10. ویژگی های وب عالی تر
- Transform Stream Interface: یک تماس واکشی را به دیگری وارد کنید
- وارد کردن نقشه ها: چندین ماژول جاوا اسکریپت را به طور همزمان اعلام کنید
- CSS Individual Transform Properties: مقیاس، ترجمه و چرخش را به راحتی تغییر دهید
- توابع مثلثاتی در CSS: سینوس، کسینوس، مماس برای طرح های دایره ای
- ویژگی نامه اولیه CSS: حروف اول به سبک مجله در مقالات
- ویژگی قابل مشاهده و هشدار فوکوس: گزینه های دسترسی بهبودیافته
- مشاهده Transitions API & Animation Timeline (تجربی): انیمیشن های بهتر بین صفحات وب بر اساس موقعیت اسکرول
تبریک می گویم! شما به تازگی با 21 ویژگی جدید در وب آشنا شدید. اگر قبلاً تک تک آنها را می‌شناختید، پیش بروید و گواهینامه رایگان “شغل توسعه وب” خود را در مصاحبه بعدی خود بازخرید کنید! ممنون که خواندید و منتظر به‌روزرسانی‌های هیجان‌انگیزتر باشید.
*لیست کامل
این روز را به خاطر بسپار: 1 ژوئن 2023.
وب با 21 ویژگی جدید دوباره اختراع شده است @fireship_dev می گوید.
من 5400 ثانیه را صرف کردم تا آن را به پست های ویدیویی جداگانه برای هر ویژگی تقسیم کنم.
به شما اجازه می دهد بهره وری روزانه خود را تا 100 میلی ثانیه افزایش دهید! 😉
16:27 – 01 ژوئن 2023
