📌افزونه‌ای برای ذخیره آسان نکات از وبسایت‌ها

❓تا حالا شده یه مطلب خیلی خوب تو یه سایت پیدا کنی و بعداً یادت بره کجا دیدیش؟ یا مثلاً لازم باشه بری تو تاریخچه گوگل هی بگردی تا اون سایت رو پیدا کنی؟ خب، دیگه نگران نباش!

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

• فقط کافیه نصبش کنی و هر مطلب یا نکته‌ای که دوست داری رو ذخیره کنی. دیگه لازم نیست وقتت رو صرف پیدا کردن دوباره سایت‌ها کنی.

💠برای دانلود ضربه بزنید

همین الان یه سایت خیییلی خفن و عجیب پیدا کردم که منو نداره، فرم نداره و حتی دکمه هم نداره!
https://bruno-simon.com/

تو این سایت پورتفولیو، فقط یه ماشین هست!
یه جاده.
و یه دنیای سه بعدی عجیب !!

پروژه‌ها؟ کنار جاده پارکن.
دکمه‌ها؟ تابلوهای راهنما شدن.
و توی کل سایت؟ فقط با ماشین گاز میدی و کشف میکنی...

این یه سایت و پورتفولیو نیست.
یه بازیه.
یه تجربست.
یه یادآوریه که UX میتونه خنده بیاره، تعامل ایجاد کنه، و بره تو حافظه بلندمدت مغز.

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

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

ابزار TestCraft، یه extension کروم هست که با استفاده از هوش مصنوعی، کار تست نویسی فرانت رو برای ما انجام میده.
خروجی که به ما میده کد تسته که در یکی از قالب های playwright ، cypress و selenium خواهیم داشت.
حتی زبان کد خروجی(مثلا js, ts, java, c sharp و...) و مدل هوش مصنوعی موردنظرمون رو هم می تونیم انتخاب کنیم.
به این صورت که(همونطور که تو این ویدیو می تونیم ببینیم) ما فقط یک قسمت از صفحه رو انتخاب می کنیم. بعد خودش می فهمه اون قسمت چیه و یکسری ایده ی تست به ما میده.
ما می تونیم چندتا از ایده هایی که به ما داده رو انتخاب کنیم و در انتها، کدش رو تو قالبی که انتخاب کردیم دریافت کنیم.
برای بررسی بیشتر هم می تونیم به آدرس زیر مراجعه کنیم:
https://home.testcraft.app/

👨‍💻 شورت‌کات‌های DevTools برای فرانت‌اندکارهای حرفه‌ای

🚀باز کردن سریع DevTools
F12 یا Ctrl + Shift + I

🗂 رفتن به تب Elements
Ctrl + Shift + C (همراه با فعال شدن ابزار Inspect)

🚛 ری‌لود صفحه با پاکسازی Cache
Ctrl + Shift + R

❓ سوییچ سریع بین تب‌های Elements، Console، Network و Sources
Ctrl + [ یا Ctrl + ]

◀️ رفتن به تب Console
Ctrl + Shift + J (در Mac: Cmd + Option + J`)

🗑 پاک کردن سریع Console
Ctrl + L

📸 اگه می‌خوای از کل یه سایت اسکرین‌شات بگیری، راهش اینجاست!

⬅️معمولا توی مرورگر فقط یه قسمت از صفحه رو می‌بینیم و برای دیدن بقیه مطالب باید اسکرول کنیم. ولی بعضی وقتا لازمه از کل صفحه یه عکس بگیری.

⬅️برای این کار، می‌تونی از افزونه GoFullPage توی کروم استفاده کنی. بعد از نصبش، یه دکمه با آیکون دوربین توی نوار ابزار مرورگرت ظاهر می‌شه. هر وقت خواستی اسکرین‌شات بگیری، فقط کافیه روی اون کلیک کنی.

⬅️وقتی شروع به گرفتن اسکرین‌شات می‌کنی، صفحه به‌صورت خودکار اسکرول می‌شه و یه نوار پیشرفت با تم Pac-Man ظاهر می‌شه که داره مربعا رو می‌خوره!

🌐برای دانلودش اینجارو کلیک کن

طرح داشبورد (40$) - دانلود رایگان از پیکسل پروگرمر!
💻 دوست دارید UI بعدی در رابطه با چه چیزی باشه؟

یه قالب آماده و تمیز ۵ صفحه ای برای فروشگاه آنلاین قهوه، ساخته شده با TailwindCSS.

🔗 گیت‌هاب:
👉 https://github.com/mehrshad2020/Coffeo---Coffee-Online-Shop-Pages-tailwind-

مقایسه Tailwind css و Bootstrap و یافتن مناسب ترین فریم ورک براساس نیاز شما

انتخاب بین Tailwind CSS و Bootstrap بستگی به نیازها و ترجیحات شما دارد. در اینجا برخی از مزایا و معایب هر کدام را بررسی می‌کنیم:

▎ فریمورک Tailwind CSS

مزایا:

• سفارشی‌سازی بالا: Tailwind به شما این امکان را می‌دهد که به راحتی استایل‌های خود را سفارشی کنید بدون اینکه به کلاس‌های از پیش تعریف شده وابسته باشید.

• مدولار: شما می‌توانید فقط کلاس‌هایی را که نیاز دارید استفاده کنید، که منجر به کاهش حجم فایل CSS نهایی می‌شود.

• طراحی مدرن: به شما اجازه می‌دهد تا طراحی‌های مدرن و پیچیده‌تری بسازید.

معایب:

• یادگیری اولیه: ممکن است برای مبتدیان دشوار باشد تا با مفاهیم Utility-first آشنا شوند.

• کلاس‌های زیاد: ممکن است در HTML شما کلاس‌های زیادی وجود داشته باشد که ممکن است خوانایی را کاهش دهد.

▎ فریمورک Bootstrap

مزایا:

• ساده و سریع: Bootstrap شامل کامپوننت‌های از پیش ساخته شده است که به شما کمک می‌کند تا به سرعت صفحات وب بسازید.

• پشتیبانی قوی: مستندات و جامعه بزرگ‌تری دارد که می‌تواند به شما در حل مشکلات کمک کند.

• رایج بودن: بسیاری از توسعه‌دهندگان با Bootstrap آشنا هستند، بنابراین همکاری با دیگران آسان‌تر است.

معایب:

• سفارشی‌سازی محدود: ممکن است سفارشی‌سازی عمیق‌تر نیاز داشته باشید که ممکن است با Bootstrap دشوار باشد.

• شکل و شمایل مشابه: وب‌سایت‌هایی که از Bootstrap استفاده می‌کنند ممکن است شبیه به یکدیگر به نظر برسند.

▎ نتیجه‌گیری

اگر به دنبال سفارشی‌سازی و طراحی مدرن هستید، Tailwind CSS ممکن است گزینه بهتری باشد. اما اگر می‌خواهید به سرعت یک پروژه را راه‌اندازی کنید و از کامپوننت‌های از پیش ساخته شده استفاده کنید، Bootstrap می‌تواند انتخاب مناسبی باشد.

👨‍💻 شورتکات‌های کاربردی در Postman برای برنامه‌نویس‌ها

🔍 اگه با Postman زیاد سروکار داری (به‌خصوص اگه فول‌استکی یا بک‌اندکار)، این شورتکات‌ها نجاتت می‌دن!


🚀اجرای سریع درخواست (Send)

Ctrl + Enter

🗂 ذخیره سریع درخواست

Ctrl + S

©️ کپی کردن cURL دستور

Ctrl + Alt + C

❌ بستن تب

Ctrl + W

💬 کامنت کردن کد در اسکریپت Pre-request یا Tests

Ctrl + /

🛁 پرش مستقیم به نوار آدرس

Ctrl + L

🚀 با استفاده از این شورتکات‌ها سرعت تست API‌هات تا چند برابر بیشتر می‌شه!

معرفی سایت‌های کاربردی برای طراحی آنلاین فلوچارت و دیاگرام 📈


اگر به دنبال نمایش بصری ایده‌ها، معماری سیستم یا الگوریتم‌ها هستید، این ابزارهای تحت وب می‌توانند بدون نیاز به نصب نرم‌افزار، کارتان را ساده‌تر کنند: 👇

لیست سایت :
1️⃣سایت diagrams - ابزاری ساده و کاربردی برای کشیدن فلوچارت، دیاگرام کلاس و... بدون نیاز به نصب!

2️⃣سایت Umlet – ابزاری سبک برای رسم دیاگرام‌های UML با امکانات پایه و کاربردی

3️⃣سایت Excalidraw – محیطی تعاملی با سبک طراحی دست‌نویس؛ مناسب برای ایده‌پردازی و آموزش.

4️⃣سایت Whimsical – طراحی فلوچارت، وایرفریم و نقشه‌های فکری با رابط کاربری مدرن و ساده.

5️⃣سایت Lucidchart – پلتفرمی حرفه‌ای با امکانات پیشرفته و قابلیت همکاری تیمی آنلاین.



⚙ این ابزارها به شما کمک می‌کنند تا ساختار کد، پایگاه داده یا روندهای اجرایی را به صورت شفاف و قابل درک ارائه دهید



#️⃣#معرفی_سایت #معرفی_ابزار #برنامه‌_نویسی #هوش_مصنوعی



➖➖➖➖➖➖➖➖
✅ @PIXEL_PROGRAMMERR | پیکسل پروگرمر

با قابلیت جدید Chrome می‌تونی مستقیماً داخل CSS از if() استفاده کنی — بدون نیاز به JS یا Sass!
یه قدم بزرگ برای انعطاف‌پذیری و قدرت بیشتر توی طراحی استایل‌ها

https://developer.chrome.com/blog/new-in-chrome-137#if

➖➖➖➖➖➖➖➖
✅ @PIXEL_PROGRAMMERR | پیکسل پروگرمر

🌟 معرفی نسخه بتای سایت جدید: English Vocabulary in Use Quiz 🌟

سلام به همه دوستان برنامه‌نویس‌ 👋

امروز با افتخار نسخه بتای وب‌سایت جدیدم را به شما معرفی می‌کنم. این سایت بر اساس کتاب معروف 📚 "English Vocabulary in Use" ناشر Cambridge Dictionary طراحی شده است و به شما امکان می‌دهد تا دایره واژگان زبان انگلیسی خود را از طریق سوالات و پاسخ‌های تعاملی تقویت کنید. 💪

ویژگی‌های سایت:

• سوالات چندگزینه‌ای: ❓ با استفاده از سوالات متنوع، می‌توانید واژگان جدید را یاد بگیرید و آنها را در جملات مختلف تمرین کنید. ✍️

• دسته‌بندی موضوعی: 📂 واژگان بر اساس موضوعات مختلف مرتب شده‌اند تا بتوانید به راحتی روی حوزه‌های خاصی که به آن‌ها نیاز دارید، تمرکز کنید. 🎯

• روند پیشرفت: 📈 با گذراندن سوالات و مشاهده نتایج، می‌توانید پیشرفت خود را دنبال کنید و نقاط قوت و ضعف خود را شناسایی کنید. 🔍

نکته مهم:

این نسخه بتا است و ما به مرور زمان ویژگی‌های بیشتری به آن اضافه خواهیم کرد. 🛠️ نظرات و پیشنهادات شما برای ما بسیار ارزشمند است و به ما کمک می‌کند تا تجربه بهتری برای کاربران فراهم کنیم. 🙏

لینک دسترسی:

لینک وب‌سایت

از نظرات و پیشنهادات شما در مورد این پروژه خوشحال می‌شوم. 💬 لطفاً تجربیات خود را با ما در میان بگذارید!

با تشکر ❤️
[پیکسل پروگرمر] 😊

➖➖➖➖➖➖➖➖
✅ @PIXEL_PROGRAMMERR | پیکسل پروگرمر

#کوته_نیوز

سن php از هیتراش بیشتر شد.
سی سالگیت مبارک سگ جون

➖➖➖➖➖➖➖➖
✅ @PIXEL_PROGRAMMERR | پیکسل پروگرمر

حرفی ندارم 🧑🏻‍💻

➖➖➖➖➖➖➖➖
✅ @PIXEL_PROGRAMMERR | پیکسل پروگرمر

روز تلخ برای ایران 🖤

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

در پیکسل پروگرمر، از صمیم قلب با خانواده‌های داغدار هم‌دردیم و این روز تلخ را به مردم ایران تسلیت می‌گوییم.

➖➖➖➖➖➖➖➖
✅ @PIXEL_PROGRAMMERR | پیکسل پروگرمر

⚫️شهادت مدیرعامل آیولرن در حملات اخیر

🔸«مجید تجن‌جاری»، مدیرعامل و هم‌بنیان‌گذار آکادمی آیولرن، در جریان حملات اخیر به تهران به شهادت رسید. آیولرن، پلتفرمی برای یادگیری عمیق هوش مصنوعی و برنامه‌نویسی است.

🔸پیکسل پروگرمر این ضایعه را به خانواده ایشان و همچنین اکوسیستم نوآوری کشور تسلیت می‌گوید.

➖➖➖➖➖➖➖➖
✅ @PIXEL_PROGRAMMERR | پیکسل پروگرمر

💙 برای ایران، در کنار هم
با توجه شرایط فعلی کشور و برای گذر از این روزها، در تیم کوئراکالج تصمیم گرفتیم ۳ دوره از دوره‌هامون

🔺دروازه ورود به برنامه‌نویسی

🔺دروازه ورود به هوش‌مصنوعی

🔺دروازه ورود به ماشین‌لرنینگ

رو به صورت کاملا رایگان ارائه کنیم، که توی صفحه اصلی کوئراکالج با تگ《رایگان شد》یا از طریق لینک‌های بالا می‌تونی ثبت‌نام کنی.

🌐 با توجه به شرایط اینترنت بدون VPN باز کن.

🚀 با دست‌به‌دست کردن این اطلاعیه کمک کن تا افراد بیشتری مطلع بشن.
➖➖➖
#Quera

اگر با چشم خودم نمی‌دیدم، باور نمی‌کردم!
‏احتمالاً برای اینکه پورتال وزارت راه و شهرسازی هک نشه، کل کدها رو پاک کردن و به‌جاش یه اسکرین‌شات ساده گذاشتن روی سرور 😁

‏نمیدونم ایده ⁧#سایت_مقوایی⁩ از کدوم نخبه‌ای هست، ولی امیدوارم این اقدام هوشمندانه رو واسه بیت‌المال فاکتور نزنه!

➖➖➖➖➖➖➖➖
✅ @PIXEL_PROGRAMMERR | پیکسل پروگرمر

📣 مسابقه برنامه‌نویسی در کوئرا، فرصت استخدام در دیوار

✨ رقابتی برای علاقه‌مندان به مهندسی نرم‌افزار و هوش‌مصنوعی

🏆 جوایز نقدی:
🥇رتبه اول: ۵۵ میلیون
🥈رتبه دوم: ۳۴ میلیون
🔥 تا رتبه دهم → با معکوس الگوی فیبوناچی

🎁 جوایز غیرنقدی متنوع بین رتبه‌های ۱۱ تا ۱۰۰۰

🗓 پنج‌شنبه ۱۹ تیر به صورت آنلاین

✅ اطلاعات بیشتر و ثبت‌نام رایگان:
🔗 https://quera.org/r/qtbfo

اعزام نمایندگان شرکت پیکسل پروگرمر به خیابان ساری

نمایندگان برنامه نویسی شرکت‌مان برای حضور در المپیاد Web Design Fundamental 2025، فردا راهی این محل می‌شوند.

به گزارش روابط عمومی شرکت پیکسل پروگرمر، کاروان برنامه نویسی شرکت‌مان با ۳ نماینده برای حضور در المپیاد Web Design Fundamental 2025، فردا راهی خیابان ساری می‌شوند.

نفرات اعزامی به شرح زیر است:

۱. امیرحسین محمدی از شیرگاه
۲. سید امیرعلی حسینی از قائمشهر
۳. آرشا چالشگر از قائمشهر

با آرزوی توفیق و موفقیت برای ۳ نماینده عزیز شرکت‌مان ❤️