سایت http://21st.dev به عنوان یک منبع برای فرانتکاران عمل میکند که با ارائه کامپوننتهای آماده React و Tailwind، به توسعه سریعتر رابطهای کاربری کمک میکند.این کامپوننتها توسط برنامهنویسان فرانت برای استفاده سایر فرانتکاران ایجاد شدهاند.با استفاده از این پلتفرم میتوانید کامپوننتهای مختلفی مانند تبها، تگها، فیلدهای متنی، اعلانها، توگلها و ابزارکهای راهنما را به راحتی در پروژههای خود ادغام کنید. همچنین، http://21st.dev شامل هوکهای متنوعی است که میتوانند در توسعه برنامههای React مورد استفاده قرار گیرند. هدف اصلی این پلتفرم، تسریع فرآیند توسعه رابطهای کاربری با ارائه کامپوننتهای آماده و با کیفیت است.
@DevTwitter | <میثم/>
@DevTwitter | <میثم/>
👍31❤8
تا حالا شده توی تحقیقات اوسینت نیاز داشتید که اطلاعاتی رو در مورد یک هدف از اینترنت استخراج کنید، برای همین یک پرامپت رو درون موتورهای جستجو مختلف وارد میکردید تا اطلاعات بیشتری بدست بیارید؟
خب زال اینجاست تا میانبر موتور های جستجو باشه.
https://github.com/IndieHum/zaal
@DevTwitter | <عبیرالله/>
خب زال اینجاست تا میانبر موتور های جستجو باشه.
https://github.com/IndieHum/zaal
@DevTwitter | <عبیرالله/>
👍25❤2👎2
شرکت OpenAI دیشب ایجنتی به نام «Operator» معرفی کرده که میتونه بهصورت خودکار توی وب بگرده و کارهایی مثل رزرو رستوران و خرید مواد غذایی رو انجام بده.
جالبه بدونین که چند هفته پیش هم «Browser Use» معرفی شده بود که متنبازه و قابلیتهای مشابهی داره.
https://github.com/browser-use/browser-use
@DevTwitter | <Reza Jafari/>
جالبه بدونین که چند هفته پیش هم «Browser Use» معرفی شده بود که متنبازه و قابلیتهای مشابهی داره.
https://github.com/browser-use/browser-use
@DevTwitter | <Reza Jafari/>
🔥31👍15❤3👎3
انتشار کد، پارامترها و مقالهی مدل هوشمصنوعی DeepSeek-R1 تکاندهنده است. ارزیابیهای کمی، رقابت شانهبهشانهی آن با ChatGPT o1 را نشان میدهد. طبق تجربهی شخصی، این مدل در مواردی حتی بهتر از o1-pro عمل میکند. مهمتر از همه: رایگان است.
https://www.deepseek.com/
@DevTwitter | <علی شریفی زارچی/>
https://www.deepseek.com/
@DevTwitter | <علی شریفی زارچی/>
🔥69👍20❤6👎5
بالاخره این ماره مثل آدم تو صفحه ترمینال رندر شد.
https://github.com/ramintheredmn/snake-c
بعد این با کتابخانه ncurses ی نسخه بهینه تر برای ترمینال بعدش دیگه raylib و clay و wasm و وب
@DevTwitter | <Flumazenil/>
https://github.com/ramintheredmn/snake-c
بعد این با کتابخانه ncurses ی نسخه بهینه تر برای ترمینال بعدش دیگه raylib و clay و wasm و وب
@DevTwitter | <Flumazenil/>
👍23🔥7❤1👎1
اگر توی کار و دانشگاه با دیتا و ایپیآی دیتافریم سر کار دارید، حتما پولارز رو چک کنید. باورم نمیشه اینقدر سریعه، پانداس و پایاسپارک در برابرش شوخیان!
https://github.com/pola-rs/polars
@DevTwitter | <Javadie/>
https://github.com/pola-rs/polars
@DevTwitter | <Javadie/>
👍21❤7👎1
اولین نسخه پایدار Llama Stack را منتشر شد.
این چارچوب با ارائه APIهای استاندارد و توزیعهای از پیش بستهبندیشده، فرآیند توسعه AI رو سادهتر میکنه.
https://github.com/meta-llama/llama-stack
@DevTwitter | <Geek Alerts/>
این چارچوب با ارائه APIهای استاندارد و توزیعهای از پیش بستهبندیشده، فرآیند توسعه AI رو سادهتر میکنه.
https://github.com/meta-llama/llama-stack
@DevTwitter | <Geek Alerts/>
🔥8👍2
ابزار http://Bolt.diy یکی از ابزارهای جدیدی هست که بشدت ازش راضی هستم.
https://github.com/stackblitz-labs/bolt.diy
@DevTwitter | <Optimistic Nomad/>
https://github.com/stackblitz-labs/bolt.diy
@DevTwitter | <Optimistic Nomad/>
👍17👎3
دنبال نکات جذاب و کاربردی لاراول و PHP هستی؟ میخوای تو قالب متنهای کوتاه، نکات طلایی از دنیای لاراول یاد بگیری؟
یه منبع عالی پیدا کردم، برو استفاده کن و کلی چیز یاد بگیر. منو هم دعا کن و یه ریاکشن باحال بزن!
https://github.com/OussamaMater/Laravel-Tips
@DevTwitter | <Milwad Khosravi/>
یه منبع عالی پیدا کردم، برو استفاده کن و کلی چیز یاد بگیر. منو هم دعا کن و یه ریاکشن باحال بزن!
https://github.com/OussamaMater/Laravel-Tips
@DevTwitter | <Milwad Khosravi/>
👍41🔥5❤2👎2
خلاصهای از امکانات جدید نسخه 4.0 از Tailwind CSS
1. موتور جدید با عملکرد بالا: (Oxide)
از موتوری جدید به نام Oxide بهره میبرد که با زبان Rust توسعه یافته است. این موتور باعث افزایش سرعت بیلد تا ۱۰ برابر و کاهش حجم بسته نصبی تا ۳۵٪ شده است.
بیلد کامل تا 5 برابر سریعتر شده
بیلد افزایشی بیش از 100 برابر سریعتر شده
نکته : اگر کندی مشاهده کردید، کشهای مربوط به Node.js# را پاک کنید:
rm -rf node_modules/.cache
2. طراحی برای وب مدرن:
از ویژگیهای مدرن CSS مانند کوئریهای کانتینر، لایههای Cascade و واحدهای نمایشی پویا مانند dvh، dvw و dvmin پشتیبانی میکند. این ویژگیها این امکان و میدن که طراحی کاملا رسپانسیو و انعطافپذیرتری داشته باشیم.
3. نصب سادهتر:
در این نسخه، Tailwind CSS با Lightning CSS یکپارچه شده است که پشتیبانی از
npm uninstall postcss-import autoprefixer
4. افزونه رسمی برای Vite:
یکپارچگی کامل و عملکرد بهتر برای پروژههای Vite
5. تشخیص خودکار محتوا:
دیگر نیازی به تنظیم دستی مسیر فایلهای قالب نیست
نادیده گرفتن فایلهای غیرضروری مانند موارد درون .gitignore
6. پیکربندی مستقیم در CSS:
حذف نیاز به فایل tailwind.config.js
امکان تعریف متغیرهای تم، توکنهای طراحی، و موارد دیگر مستقیماً در CSS#
7. استفاده از متغیرهای CSS برای تمها:
دسترسی به توکن های طراحی بهصورت متغیرهای CSS برای استفاده در زمان اجرا
8. مقادیر و واریانتهای داینامیک:
قابلیت استفاده مستقیم از مقادیر دلخواه برای ابزارهای فاصله و ...
9. پالت رنگی P3 مدرن:
بهبود رنگها با استفاده از فضای رنگی جدید OKLCH
10. پشتیبانی از کوئریهای کانتینر:
اضافه شدن کوئریهای کانتینر بدون نیاز به افزونه
11. ابزارهای تبدیل سهبعدی (3D):
اضافهشدن قابلیتهای چرخش و تغییر مقیاس در فضای سهبعدی
12. گسترش API گرادیانتها:
پشتیبانی از گرادیانتهای شعاعی و مخروطی
استفاده از حالتهای مختلف برای تداخل رنگها
13. پشتیبانی از
امکان انیمیت کردن عناصر هنگام ظاهر شدن بدون نیاز به جاوااسکریپت
14. واریانت جدید not-*
اضافه شدن قابلیت استفاده از شبهکلاس :not() برای شرطگذاریهای منعکننده
نصب نسخه جدید
با اجرای دستور زیر، نسخه جدید را نصب کنید:
برای پیدا کردن مشکلات احتمالی:
میتوانید از ابزارهای linting استفاده کنید تا مشکلات رو شناسایی کنید.
npx tailwindcss-cli build -o output.css
@DevTwitter | <Arash Pourrahim/>
1. موتور جدید با عملکرد بالا: (Oxide)
از موتوری جدید به نام Oxide بهره میبرد که با زبان Rust توسعه یافته است. این موتور باعث افزایش سرعت بیلد تا ۱۰ برابر و کاهش حجم بسته نصبی تا ۳۵٪ شده است.
بیلد کامل تا 5 برابر سریعتر شده
بیلد افزایشی بیش از 100 برابر سریعتر شده
نکته : اگر کندی مشاهده کردید، کشهای مربوط به Node.js# را پاک کنید:
rm -rf node_modules/.cache
2. طراحی برای وب مدرن:
از ویژگیهای مدرن CSS مانند کوئریهای کانتینر، لایههای Cascade و واحدهای نمایشی پویا مانند dvh، dvw و dvmin پشتیبانی میکند. این ویژگیها این امکان و میدن که طراحی کاملا رسپانسیو و انعطافپذیرتری داشته باشیم.
3. نصب سادهتر:
در این نسخه، Tailwind CSS با Lightning CSS یکپارچه شده است که پشتیبانی از
@import و پیشوندهای خودکار را فراهم میکند. این به معنای عدم نیاز به استفاده از ابزارهایی مانند postcss-import و autoprefixer است. اگر از قبل آنها را نصب دارین، با این دستور حذف کنید:npm uninstall postcss-import autoprefixer
4. افزونه رسمی برای Vite:
یکپارچگی کامل و عملکرد بهتر برای پروژههای Vite
5. تشخیص خودکار محتوا:
دیگر نیازی به تنظیم دستی مسیر فایلهای قالب نیست
نادیده گرفتن فایلهای غیرضروری مانند موارد درون .gitignore
6. پیکربندی مستقیم در CSS:
حذف نیاز به فایل tailwind.config.js
امکان تعریف متغیرهای تم، توکنهای طراحی، و موارد دیگر مستقیماً در CSS#
7. استفاده از متغیرهای CSS برای تمها:
دسترسی به توکن های طراحی بهصورت متغیرهای CSS برای استفاده در زمان اجرا
8. مقادیر و واریانتهای داینامیک:
قابلیت استفاده مستقیم از مقادیر دلخواه برای ابزارهای فاصله و ...
9. پالت رنگی P3 مدرن:
بهبود رنگها با استفاده از فضای رنگی جدید OKLCH
10. پشتیبانی از کوئریهای کانتینر:
اضافه شدن کوئریهای کانتینر بدون نیاز به افزونه
11. ابزارهای تبدیل سهبعدی (3D):
اضافهشدن قابلیتهای چرخش و تغییر مقیاس در فضای سهبعدی
12. گسترش API گرادیانتها:
پشتیبانی از گرادیانتهای شعاعی و مخروطی
استفاده از حالتهای مختلف برای تداخل رنگها
13. پشتیبانی از
@starting-style:امکان انیمیت کردن عناصر هنگام ظاهر شدن بدون نیاز به جاوااسکریپت
14. واریانت جدید not-*
اضافه شدن قابلیت استفاده از شبهکلاس :not() برای شرطگذاریهای منعکننده
نصب نسخه جدید
با اجرای دستور زیر، نسخه جدید را نصب کنید:
npm install tailwindcss@latest
برای پیدا کردن مشکلات احتمالی:
میتوانید از ابزارهای linting استفاده کنید تا مشکلات رو شناسایی کنید.
npx tailwindcss-cli build -o output.css
@DevTwitter | <Arash Pourrahim/>
1👍66❤6👎2🔥2
روشی به اسم Weight Watcher تو AI هست که بدون نیاز به داده، لایههای شبکه عصبی رو تحلیل میکنه.
با این روش تو مدل DeepSeek R1 دیدن که 128 لایه اول دچار overfitشدن. طبق این روش، اگه آلفا بین 2 و 6 باشه، وضعیت لایه مطلوبه؛ کمتر از 2 یعنی overfit و بیشتر از 6 یعنی underfit.
@DevTwitter | <Reza Jafari/>
با این روش تو مدل DeepSeek R1 دیدن که 128 لایه اول دچار overfitشدن. طبق این روش، اگه آلفا بین 2 و 6 باشه، وضعیت لایه مطلوبه؛ کمتر از 2 یعنی overfit و بیشتر از 6 یعنی underfit.
@DevTwitter | <Reza Jafari/>
👍29🔥4👎2
حالا هی برید Rust کد بزنید! این دستمزدهای C++ (کوبول مدرن) برای اروپا یعنی مثل پادشاه زندگی میکنید (هر چند نصفشو باید به داروغه مالیات بدین).
جدی از فاینسن خیلی بدم میاد وگرنه ۲/۳ سال اینطور کار کنی خودتو بستی، بعد با تجربه و دانشی که بدست میاری خودت وارد ترید میشی!
@DevTwitter | <Mamadou On GameDev/>
جدی از فاینسن خیلی بدم میاد وگرنه ۲/۳ سال اینطور کار کنی خودتو بستی، بعد با تجربه و دانشی که بدست میاری خودت وارد ترید میشی!
@DevTwitter | <Mamadou On GameDev/>
👎75🔥24👍20❤1
یه کورس ساخت وبسایت با پایتون روی یوتیوب و سایت پایتوپیا گذاشتم (رایگانه).
بهترین ابزاری که برای این کار تا الان دیدم Reflex ئه و اینقدر خوب بود که ترجیح دادم وقتی یادش گرفتم، همون رو سریع رکورد کنم:
https://youtube.com/watch?v=PDWnXbP8Vvg
@DevTwitter | <Ali/>
بهترین ابزاری که برای این کار تا الان دیدم Reflex ئه و اینقدر خوب بود که ترجیح دادم وقتی یادش گرفتم، همون رو سریع رکورد کنم:
https://youtube.com/watch?v=PDWnXbP8Vvg
@DevTwitter | <Ali/>
👍40👎7
چندین دیتاست فارسی دیگه روی وبسایت HuggingFace دیدم که به نظرم خیلی بدرد بخور هستند.دیتاست سوال-جواب در زمینه clinical و legal و همچین یک دیتاست که مناسب برای train کردن مدلهای گفتار به متن (ASR) هست.
https://huggingface.co/PerSets
@DevTwitter | <Mehdi Allahyari/>
https://huggingface.co/PerSets
@DevTwitter | <Mehdi Allahyari/>
👍34👎1
نمیدونم تاحالا از ابزاری مثل http://v0.dev استفاده کردین یا نه، ولی اگه حوصله داشته باشین و بتونید خوب بهش چیزی که میخواید بسازید رو توضیح بدید، میتونید اپلیکیشنهای خیلی خفن و با کیفیتی بسازید. بدون حتی یک خط دانش کد نویسی.
@DevTwitter | <keyvank/>
@DevTwitter | <keyvank/>
👎70👍20
This media is not supported in your browser
VIEW IN TELEGRAM
چالش تقویم فارسی در Shadcn UI حل شد!
مدتی بود که به عنوان یه توسعهدهنده با مشکل استفاده از تقویم فارسی در کامپوننتهای Shadcn UI دست و پنجه نرم میکردم. مشکل اصلی این بود که وابستگیها به react-day-picker بهروزرسانی نشده بودن و مجبور بودیم از کتابخانههای جانبی استفاده کنیم که واقعاً تجربهی کاربری رو ضعیف میکرد.
اما خوشبختانه در شرکت ابراهیم فرصتی پیش اومد تا به این مشکل بپردازم و حالا موفق شدم با بهروزرسانی به react-day-picker نسخه 9.5، و البته Shadcn-ui این مسئله رو به طور کامل حل کنم! حالا امکاناتی مثل انتخاب بازه و انتخاب تکی تاریخ به درستی و بدون مشکل برای تقویم فارسی کار میکنن.
این یعنی از این به بعد توسعه پروژههایی که به تقویم فارسی نیاز دارن خیلی سادهتر و لذتبخشتر شده.
کدها رو در گیتهاب منتشر کردم تا همه بتونن ازش استفاده کنن
https://github.com/getintern/persianDatePicker-shadcnui
@DevTwitter | <Abbas Daylami Zadeh/>
مدتی بود که به عنوان یه توسعهدهنده با مشکل استفاده از تقویم فارسی در کامپوننتهای Shadcn UI دست و پنجه نرم میکردم. مشکل اصلی این بود که وابستگیها به react-day-picker بهروزرسانی نشده بودن و مجبور بودیم از کتابخانههای جانبی استفاده کنیم که واقعاً تجربهی کاربری رو ضعیف میکرد.
اما خوشبختانه در شرکت ابراهیم فرصتی پیش اومد تا به این مشکل بپردازم و حالا موفق شدم با بهروزرسانی به react-day-picker نسخه 9.5، و البته Shadcn-ui این مسئله رو به طور کامل حل کنم! حالا امکاناتی مثل انتخاب بازه و انتخاب تکی تاریخ به درستی و بدون مشکل برای تقویم فارسی کار میکنن.
این یعنی از این به بعد توسعه پروژههایی که به تقویم فارسی نیاز دارن خیلی سادهتر و لذتبخشتر شده.
کدها رو در گیتهاب منتشر کردم تا همه بتونن ازش استفاده کنن
https://github.com/getintern/persianDatePicker-shadcnui
@DevTwitter | <Abbas Daylami Zadeh/>
1🔥73👍23👎3
اگر تست می نویسید، به تست علاقمندید، براتون مهمه و …
منبع فارسی و ساده درست درباره Test smells نداشتیم، اینو سعی کردم جمع و جور ساده گرد هم بیارم و به مرور تکمیلش کنم.
لطفا به دوستاتون معرفی کنید.
testsmells.ir
@DevTwitter | <Milad LyaC/>
منبع فارسی و ساده درست درباره Test smells نداشتیم، اینو سعی کردم جمع و جور ساده گرد هم بیارم و به مرور تکمیلش کنم.
لطفا به دوستاتون معرفی کنید.
testsmells.ir
@DevTwitter | <Milad LyaC/>
👍41❤8👎2🔥2
یک محقق امنیتی در یک کشف جالب هکری را پیدا کرده که تقریباً 18,459 هکر دیگر (noscript kiddies) را از طریق پخش malware builder جعلی آلوده کرده. سیستم این افراد پس از نصب builder جعلی آلوده شده و backdoor روی آن نصب میشده است.
قدیم در انجمن های هک ایران خودمان هم، با آلوده سازی web shellها و ابزارها، افراد این کار را می کردند.
فکر نمی کردم این روش قدیمی هنوز کارآمدترین روش آلوده سازی باشد!
https://bleepingcomputer.com/news/security/hacker-infects-18-000-noscript-kiddies-with-fake-malware-builder/
@DevTwitter | <Vahid Nameni/>
قدیم در انجمن های هک ایران خودمان هم، با آلوده سازی web shellها و ابزارها، افراد این کار را می کردند.
فکر نمی کردم این روش قدیمی هنوز کارآمدترین روش آلوده سازی باشد!
https://bleepingcomputer.com/news/security/hacker-infects-18-000-noscript-kiddies-with-fake-malware-builder/
@DevTwitter | <Vahid Nameni/>
🔥51👍13