منابع تازه برای طراحان و توسعه دهندگان وب (آگوست 2024)

آگوست 2024 مجموعه ای از ابزارها، کتابخانه ها و منابع جدید را برای ما به ارمغان می آورد تا به شما کمک کند تا وب سایت ها و برنامه های بهتری بسازید و بهره وری خود را به عنوان طراح و توسعه دهنده بهبود ببخشید. ما همه چیز را از الهام بخش طراحی گرفته تا ابزارهای توسعه و همه چیز در این بین داریم.

بیایید کاوش کنیم و ببینیم چه چیز جدیدی در این ماه وجود دارد.

e18e

e18e یک ابتکار جامعه محور است که بر بهبود اکوسیستم جاوا اسکریپت متمرکز شده است. هدف آن گردآوری افرادی است که به جاوا اسکریپت علاقه دارند با به اشتراک گذاشتن دانش، مشارکت در ایده ها و همکاری.

این سه حوزه اصلی تمرکز دارد: تمیز کردن و مدرن کردن درخت های وابستگی، افزایش سرعت بسته ها و چارچوب های اصلی، و ارائه جایگزین های مدرن و سبک تر برای بسته های اصلی.

گالری FreeFaces

گالری FreeFaces مجموعه ای تنظیم شده از فونت ها است که تحت مجوزهای مختلف رایگان موجود است. طیف وسیعی از حروف، از جمله Cursive، Display، Monospace، Sans Serif، Serif و Slab را ارائه می دهد.

اگر به دنبال فونت های رایگان با کیفیت بالا هستید، یک منبع ارزشمند است.

طراحی AppMotion

AppMotion یک گالری طراحی حرکت موبایل است که بهترین نمونه های دستچین شده از طراحی حرکت اپلیکیشن را به نمایش می گذارد. گالری به شما امکان می دهد تا عناصر طراحی مختلف مانند چک باکس، pinch، spin، morph و موارد دیگر را کشف کنید.

اگر به دنبال الهام گرفتن در انیمیشن های اپلیکیشن موبایل هستید، یک منبع مفید است.

LogoIpsum

LogoIpsum ابزاری است که مجموعه ای از آرم های انتزاعی و انعطاف پذیر SVG را در ترکیب بندی های مختلف عمودی، افقی، کوچک و بزرگ ارائه می دهد. این لوگوها برای هر سبک گرافیکی، رابط کاربری یا طرح بندی مناسب هستند.

این یک منبع عالی برای طراحانی است که قبل از آماده شدن طرح نهایی به لوگوهای متغیر موقت نیاز دارند.

ShaderGradient

ShaderGradient ابزاری برای ایجاد شیب های پویا و متحرک است که می تواند برای طرح های مختلف سفارشی شود. این به عنوان یک جزء React موجود است و می تواند در ابزارهای طراحی مانند Figma و Framer استفاده شود.

ابزاری مفید برای جان بخشیدن به طرح های خود با شیب های پر جنب و جوش.

شوت ها

شوت.پس یک ابزار آنلاین رایگان است که به شما کمک می کند ماکت های زیبا را به سرعت ایجاد کنید. به سادگی اسکرین شات خود را آپلود کنید، از صحنه های جدیدترین دستگاه های اپل انتخاب کنید و جزئیات را سفارشی کنید.

همچنین صحنه های مرورگر، لپ تاپ و موبایل را برای برجسته کردن کار شما ارائه می دهد.

SneakPeekit

SneakPeekit قالب های قاب سیمی قابل چاپ را برای طراحان فراهم می کند تا ایده ها را ترسیم کنند و بینش ها را بر روی کاغذ ثبت کنند. اندازه های مختلفی را برای دسکتاپ و موبایل ارائه می دهد.

اگر برنامه ریزی برنامه ها یا وب سایت ها را با مداد و کاغذ ترجیح می دهید، این الگوها به سرعت بخشیدن به فرآیند خلاقیت کمک می کنند.

SVGMagic

SVGMagic یک بسته منبع باز برای پروژه های Next.js است که استفاده از SVG ها را ساده می کند. از کدهای SVG و .svg فایل هایی با ادغام یکپارچه با TypeScript و MDX.

ارائه خلاقیت خود در SVG را آسان می کند و در عین حال گردش کار توسعه شما را نیز بهبود می بخشد.

گیسکوس

گیسکوس یک سیستم نظرات منبع باز برای وب سایت ها است که از بحث های GitHub برای ذخیره نظرات و واکنش ها استفاده می کند. حریم خصوصی را بدون ردیابی یا تبلیغات ارائه می دهد و همیشه رایگان خواهد بود.

همچنین از تم های سفارشی، چندین زبان و به روز رسانی خودکار GitHub پشتیبانی می کند. اگر به دنبال اضافه کردن یک سیستم نظر به سایت خود هستید، این یک انتخاب منعطف و مطمئن است.

مدار

مدار یک اکشن GitHub است که به طور خاص برای محیط توسعه لاراول طراحی شده است و امکان استقرار ساده و ایمن بدون توقف را فراهم می کند. این یک راه آسان برای پیکربندی فرآیند استقرار شما از طریق یک فایل خاص ارائه می دهد. Orbit.toml.

این به شما این امکان را می دهد که سایت های لاراول خود را به سرعت در سرور خود مستقر کنید و در عین حال اطمینان حاصل کنید که سایت شما در طول فرآیند زنده باقی می ماند.

لعاب

لعاب یک کتابخانه انیمیشن مبتنی بر ابزار برای وب است که بر روی GSAP ساخته شده است. این یک راه قدرتمند برای ایجاد انیمیشن های پیچیده با حداقل کد با استفاده از یک رویکرد کاربردی مانند TailwindCSS است.

از طراحی ریسپانسیو پشتیبانی می کند و به شما امکان می دهد به راحتی انیمیشن ها را برای اندازه های مختلف صفحه نمایش تعریف کنید. ابزاری مفید برای افزودن انیمیشن های پویا به پروژه های وب شما.

شماره حرکت

شماره حرکت یک مؤلفه React.js است که بر روی Framer Motion ساخته شده است و برای انتقال، قالب بندی و بومی سازی هموار اعداد طراحی شده است.

این یک کتابخانه مفید برای ایجاد انیمیشن های عددی پویا و جذاب در پروژه های شما است.

مرورگر Zen

ذن مرورگر جدیدی است که بر روی موتور فایرفاکس ساخته شده است. هدف آن ارائه یک تجربه مرور وب سریع، ایمن و متمرکز بر حریم خصوصی است.

این مرورگر برای اطمینان از حفظ خصوصی و ایمن بودن اطلاعات شما طراحی شده است. اگر به دنبال یک مرورگر جایگزین هستید که به حریم خصوصی شما احترام بگذارد، انتخاب خوبی است.

Ky

Ky یک کتابخانه سبک وزن برای محیط های مدرن است. هدف آن بهبود بومی است fetch API با رابط ساده تر، میانبرهای متد، مدیریت خطا، تلاش های مجدد و پشتیبانی از JSON.

همچنین سفارشی سازی را از طریق نمونه ها و قلاب ها ارائه می دهد و شامل پشتیبانی TypeScript برای ایمنی بهتر نوع است. این یک جایگزین عالی برای رسیدگی به درخواست های HTTP در پروژه های شما است.

دوره TailwindCSS

این دوره رایگان YouTube توسط Chris Sev به شما کمک می کند TailwindCSS را یاد بگیرید. در کنار یادگیری Tailwind، مفاهیم ضروری CSS را نیز پوشش می دهد.

اگر به دنبال تسلط بر TailwindCSS و درک اصول طراحی با CSS هستید، این دوره راهنمای جامعی است.

کاج ها

کاج ها یک کتابخانه UI است که برای پروژه های Alpine و Tailwind طراحی شده است. مجموعه ای از انیمیشن های آماده برای استفاده و اجزایی مانند لغزنده، راهنمای ابزار، آکاردئون، مدال و موارد دیگر را ارائه می کند.

همچنین به شما این امکان را می دهد که به راحتی این عناصر را در پروژه های خود کپی و جایگذاری کنید. یک منبع مناسب اگر می خواهید به سرعت عناصر تعاملی را به سایت خود اضافه کنید.

تجزیه کننده PHP CSS

PHP-CSS-Parser یک کتابخانه PHP است که فایل های CSS را تجزیه می کند و به شما امکان می دهد آنها را در یک ساختار داده استخراج کنید. این به شما امکان می دهد CSS را دستکاری کنید و سپس آن را به عنوان CSS بهینه سازی شده خروجی بگیرید.

یک کتابخانه بسیار مفید اگر نیاز به کار و تغییر برنامه CSS در برنامه PHP خود دارید.

رشته فرنگی

رشته فرنگی یک برنامه منبع باز است که برای کمک به دانش آموزان در سازماندهی مطالعات خود ایجاد شده است. این برنامه برای ارائه یک پلتفرم واحد طراحی شده است که تمام نیازهای دانش آموزان را برآورده می کند، درست مانند کاری که GitHub برای توسعه دهندگان انجام می دهد.

در زمان نگارش این مقاله، نودل در حال توسعه است، اما می توانید پروژه را در GitHub دنبال کنید تا از پیشرفت آن مطلع شوید.

اومی

اومی یک چارچوب اجزای وب است. طیف گسترده ای از ویژگی ها را با بیش از 100 قالب، اجزای فرم و مجموعه آیکون ها با پشتیبانی از برنامه نویسی شی گرا و داده گرا ارائه می دهد.

به زبان JSX نوشته شده است، به طور یکپارچه با ابزارهای مدرنی مانند TailwindCSS ادغام می شود و همه چیزهایی را که برای ساختن برنامه های کاربردی وب نیاز دارید، از جمله مسیریابی و استایل از طریق Constructable Stylesheets فراهم می کند.