🥽 اگر میخوای افکتای شیشه ای توی پروژت استفاده کنی اما وقتشو نداری و دنبال یه ابزاری که این کارو برات انجام بده. Aether CSS این کارو میکنه.

این ابزار میتونه Liquid Glass های محبوب رو مثل Glassmorphism و نئومورفیسم خیلی سریع Generate کنه و با یه رابط کاربری ساده میتونی کاستومش کنی و کد CSS اشو برای پروژه خودت استفاده کنی.

🔗 https://aethercss.lovable.app

➕ این ابزار اول راهه و جای کار داره ولی با این حال مفیده.

چند روزی بود ننوشته بودم ولی کداکسپلور قراره منبع و ابزار رو زمین نزاره هرچی میشناسید بجز اینم تو کامنتا بنویسید اسمشو استفاده کنیم همگی💬

#liquid_glass
☕️Telegram | Website | Discord

Tester destroys the project🤬😂

#fun
☕️Telegram | Website | Discord

#fun
☕️Telegram | Website | Discord

🤣🔪

#fun
☕️Telegram | Website | Discord

📎اگر برنامه نویسی وردپرس کار میکنی و میخوای از جاوااسکریپت استفاده کنی یکی از مناسب ترین ابزارها برای شروع، پکیج رسمی wordpress/scripts هست.

ابزاری که وردپرس برای ساده‌کردن فرآیند build، lint، و پشتیبانی از JSX و ESNext ارائه داده.

نمونه استفاده از JSX:

const MyComponent = () => (
  <div className="my-box">
    <h2>Hello, World</h2>
  </div>
);

کامپایل شده کد بالا به جاوااسکریپت:

const element = createElement(
  'div',
  { className: 'my-box' },
  createElement('h2', null, 'Hello, World')
);

با این ابزار می‌تونی از JSX برای ساخت بلاک‌های گوتنبرگ یا بخش‌های داینامیک در قالب و پلاگین ها استفاده کنی🔮

برای نصب از دستور:

npm install @wordpress/scripts --save-dev

و توی فایل package.json اینارو اضافه میکنی.

"scripts": {
  "start": "wp-scripts start",
  "build": "wp-scripts build"
}

و بعد با npm run start می‌تونی پروژه رو توی حالت دیباگ و برنامه نویسی ران کنی و با npm run build خروجی نهایی رو بسازی.

💬 تاحالا از JSX استفاده کردی؟ چه پکیجایی بجز این برای توسعه وردپرس میشناسید تو کامنتا بنویسین!

#jsx #wordpress #development
☕️Telegram | Website | Discord