بهترین پست ماه – آوریل 2023

1. انیمیشن کروی SVG در React.js با anime.js

در این پست وبلاگ ما کره را با استفاده از anime js در react js متحرک می کنیم. کتابخانه های انیمیشن جاوا اسکریپت زیادی وجود دارد، اما Anime.js یکی از بهترین هاست. استفاده از آن آسان است، دارای یک API کوچک و ساده است و هر آنچه را که از یک موتور انیمیشن مدرن می خواهید ارائه می دهد.

2. Stepper Iteration در React JS با Anime JS

در این پست وبلاگ، جعبه شمارش را با استفاده از anime js در react js متحرک می کنیم. کتابخانه های انیمیشن جاوا اسکریپت زیادی وجود دارد، اما Anime.js یکی از بهترین هاست. استفاده از آن آسان است، دارای یک API کوچک و ساده است و هر آنچه را که از یک موتور انیمیشن مدرن می خواهید ارائه می دهد.

3. انیمیشن گربه SVG زیبا در React

4. CSS 3D Isometric Media Social Media Effects Hover

5. نحوه ایجاد اسکرول به بالای btn در react js

6. کتابخانه رایگان تصاویر سه بعدی برای پروژه های شما

7. 25 Killer One-Liners در جاوا اسکریپت

برخی از نمونه ها

من. تشخیص حالت تاریک

const prefersDarkMode = window.matchMedia( "(prefers-color-scheme: dark)").matches; 
console.log(prefersDarkMode);

ii مقادیر نادرست را از آرایه حذف کنید

const removeFalsy = (arr) => arr.filter(Boolean)

removeFalsy([0, 'a string', '', NaN, true, 5, undefined, 'another string', false]) // ['a string', true, 5, 'another string']

III. یک آرایه را به هم بزنید

const shuffle = arr => arr.sort(() => Math.random() - 0.5);

console.log(shuffle([1, 2, 3, 4, 5])); // [2, 5, 1, 4, 3] (output will vary)

8. جلوه شناور کارت سه بعدی

ابزارهای رایگان CSS

1. CSS Glassmorphism Generator

2. Neumorphism CSS Generator

ممنون که خواندید ❤️ برای به‌روزرسانی‌های مربوط به آخرین پست‌های وبلاگ، آموزش‌های ویدیویی و برخی نکات جالب برنامه‌نویس وب، کدنویسی نسخه‌ای وب‌سایت من را بررسی کنید. بیا با هم دوست باشیم!