Forwarded from برنامه نویسی | هوش مصنوعی | وب احسان
اگه دوست دارید یاد بگیرید چطوری میشه این چارت (نمودار) های باحال داخل پروژتون استفاده کنید (مخصوصا پروژه های پنل ادمین) , حتما آموزشی که برای ساخت انواع چارت درست کردم ببینید.
.
مشاهده از وب سایت :
https://webehsan.com/aparat-video/javascript/chart-js-javascript-charts
.
مشاهده از آپارات :
https://www.aparat.com/v/awh15b6
.
.
@webehsan
.
مشاهده از وب سایت :
https://webehsan.com/aparat-video/javascript/chart-js-javascript-charts
.
مشاهده از آپارات :
https://www.aparat.com/v/awh15b6
.
.
@webehsan
❤1
نسخه جدید Tailwind CSS منتشر شد! 📣🚀
امروز تیم توسعه‌دهنده Tailwind CSS 4.2.0 را منتشر کرد — یه سری تغییر کوچیک که ارزش نگاه انداختن داره.
تغییرات اصلی:
🎨 پالت رنگ‌های جدید مثل mauve، olive، mist و taupe اضافه شدن یه سری رنگ چرک طور هستن.
🔌 پلاگین رسمی Webpack برای ادغام آسان‌تر با اکوسیستم Webpack.
📐 ابزارهای CSS منطقی جدید برای فاصله‌ها و موقعیت‌دهی که تجربه توسعه در نوشته‌های راست‌به‌چپ و چپ‌به‌راست را بهبود می‌بخشند.
📏 کلاس‌های جدید برای اندازه‌های بلوک و خط (inline-size و block-size) که جایگزین width و height منطقی‌تر هستند.
🔤 امکان کنترل ویژگی‌های فونت (مانند ligatures و small caps) با utility جدید font-features-*.
⚠️ همچنین برخی کلاس‌های قدیمی در مسیر حذف هستند — پس حواستان به ارتقا و جایگزینی آن‌ها باشد.
اگر از Tailwind در پروژه‌های خود استفاده می‌کنید جزئیاتش را توی این لینک ببینید:
https://laravel-news.com/tailwindcss-4-2-0
امروز تیم توسعه‌دهنده Tailwind CSS 4.2.0 را منتشر کرد — یه سری تغییر کوچیک که ارزش نگاه انداختن داره.
تغییرات اصلی:
🎨 پالت رنگ‌های جدید مثل mauve، olive، mist و taupe اضافه شدن یه سری رنگ چرک طور هستن.
🔌 پلاگین رسمی Webpack برای ادغام آسان‌تر با اکوسیستم Webpack.
📐 ابزارهای CSS منطقی جدید برای فاصله‌ها و موقعیت‌دهی که تجربه توسعه در نوشته‌های راست‌به‌چپ و چپ‌به‌راست را بهبود می‌بخشند.
📏 کلاس‌های جدید برای اندازه‌های بلوک و خط (inline-size و block-size) که جایگزین width و height منطقی‌تر هستند.
🔤 امکان کنترل ویژگی‌های فونت (مانند ligatures و small caps) با utility جدید font-features-*.
⚠️ همچنین برخی کلاس‌های قدیمی در مسیر حذف هستند — پس حواستان به ارتقا و جایگزینی آن‌ها باشد.
اگر از Tailwind در پروژه‌های خود استفاده می‌کنید جزئیاتش را توی این لینک ببینید:
https://laravel-news.com/tailwindcss-4-2-0
Laravel News
New Colors Added in Tailwind CSS v4.2 - Laravel News
Tailwind CSS v4.2.0 adds a new webpack plugin, four new default color palettes, a full set of logical property utilities for block-direction spacing and borders, and more.
مشکل Performance که با یه خط HTML حل میشه
تا قبل از این، مرورگر خودش حدس می‌زد کدوم فایل مهم‌تره.
الان می‌تونی با fetchpriority صراحتاً بهش بگی چی زودتر لود بشه
حالا fetchpriority چیه؟
یه attribute ساده برای تعیین اولویت دریافت منابع (Image، Script و …)
مقادیر مهم:
مقدار high - خیلی مهمه (اول اینو دانلود کن)
مقدارlow - فعلاً مهم نیست
مقدار auto - تصمیم با مرورگر (پیش‌فرض)
کاربردهای واقعی:
میتونید مشخص کنید تصاویر اول صفحه زودتر لود بشن بعدا بره سراغ دانلود اسکریپت انالیز یا عکسای پایین صفحه
نتیجه؟
دارای LCP بهتر
لود سریع‌تر محتوای مهم
کنترل بیشتر روی Performance بدون JS اضافی
پشتیبانی مرورگرها:
همه مرورگرهای مدرن از ۲۰۲۳ به بعد
پرفورمنس Frontend فقط لایبرری نیست؛
گاهی یه attribute کوچیک، بیشترین تأثیر رو داره.
منبع:
https://backpackforlaravel.com/articles/tutorials/10-native-web-features-you-can-use-in-2026-you-probably-don-t-know-half-of-them
تا قبل از این، مرورگر خودش حدس می‌زد کدوم فایل مهم‌تره.
الان می‌تونی با fetchpriority صراحتاً بهش بگی چی زودتر لود بشه
حالا fetchpriority چیه؟
یه attribute ساده برای تعیین اولویت دریافت منابع (Image، Script و …)
مقادیر مهم:
مقدار high - خیلی مهمه (اول اینو دانلود کن)
مقدارlow - فعلاً مهم نیست
مقدار auto - تصمیم با مرورگر (پیش‌فرض)
کاربردهای واقعی:
میتونید مشخص کنید تصاویر اول صفحه زودتر لود بشن بعدا بره سراغ دانلود اسکریپت انالیز یا عکسای پایین صفحه
نتیجه؟
دارای LCP بهتر
لود سریع‌تر محتوای مهم
کنترل بیشتر روی Performance بدون JS اضافی
پشتیبانی مرورگرها:
همه مرورگرهای مدرن از ۲۰۲۳ به بعد
پرفورمنس Frontend فقط لایبرری نیست؛
گاهی یه attribute کوچیک، بیشترین تأثیر رو داره.
منبع:
https://backpackforlaravel.com/articles/tutorials/10-native-web-features-you-can-use-in-2026-you-probably-don-t-know-half-of-them
Backpack
10 Native Web Features You Can Use In 2026 (You Probably Don't Know Half of Them)
> While you were configuring Webpack, browsers shipped native modals, popovers, CSS nesting, and more. Here are 12 features you can use today - no npm required.
❤1
مدتی پیش روی یک پروژه ای به صورت فریلنسری کار میکردم که خیلی در رزومه کاریم بهش توجهی نداشتم الان تصمیم گرفتم این پروژه رو در لینکدین پست کنم و منتشرش کنم - پروژه متن بازه برای دریافت سورس پروژه و... پست لینکدین منو مشاهده کنید.
تکنولوژی های مورد استفاده :
html , tailwind , js , vite
لینک دمو
https://delbarbash.vercel.app/
@MahanZandiDev #Project@MahanZandiDev
تکنولوژی های مورد استفاده :
html , tailwind , js , vite
لینک دمو
https://delbarbash.vercel.app/
@MahanZandiDev #Project@MahanZandiDev