💢استفاده از  CSS Variable یک روش قدرتمنده که به شما امکان میده مقادیر مشترک رو در یک مکان مرکزی تعریف کرده و سپس از اون ها در سراسر سایت خود استفاده کنید. به عنوان مثال، فرض کنید می‌خواهید رنگ پس‌زمینه و متن عناصر مختلف در وبسایتتون رو تغییر بدین. با استفاده از  CSS Variable، میتونید این کار رو به راحتی انجام بدین و در صورت لزوم، فقط با تغییر یک مقدار، تمامی المان‌ها را به‌روزرسانی کنید.


:root {  --background-color: #f0f0f0; /* تعریف متغیر برای رنگ پس‌زمینه */
  --text-color: #333; /* تعریف متغیر برای رنگ متن */}
body {
  background-color: var(--background-color); /* استفاده از متغیر برای رنگ پس‌زمینه */  color: var(--text-color); /* استفاده از متغیر برای رنگ متن */
}
h1 {  color: var(--text-color); /* استفاده از متغیر برای رنگ متن عنوان */
}

در این کد، ابتدا با استفاده از
:root
CSS Variable
تعریف می‌شوند.
سپس این متغیرها در تمامی محیط‌های سایت، از جمله body و h1 استفاده میشند. به این ترتیب، اگه بخواهید رنگ پس‌زمینه یا متن را تغییر بدین، کافیه فقط مقدار Variable را تغییر بدین ، و تغییرات به طور خودکار در تمامی عناصر اعمال میشه، بدون نیاز به تغییرهای مکرر و دستی.


#Css_Trick
🆔 @APSignals_PER

#fun
🆔 @APSignals_PER

💢“موفقیت تصادفی نیست؛ موفقیت سخت کار کردن، پشتکار، یادگیری، مطالعه، فداکاری و مهمتر از همه عشق ورزیدن به کاری است که در حال انجام دادن یا یاد گرفتن آن هستید.” پله (فوتبالیست برزیلی)


#انگیزشی
🆔 @APSignals_PER

♨️ترفند صرف جویی در فضای سیستم

وقتی کامپیوتر شما زمان زیادی طول می کشد تا بوت شود، ممکن است هنگام شروع برنامه های زیادی در حال اجرا داشته باشید. برای حذف برنامه های غیر ضروری، کلید Windows + R را فشار دهید، سپس “misconfig” را تایپ کنید. 
تب Startup را از پنجره ای که باز می شود انتخاب کنید و می توانید هر برنامه ای را که می خواهید که زمان بوت شما را کند می کند خاموش کنید.


#laptopTrick
🆔 @APSignals_PER

🔹Source Code:
https://codesandbox.io/p/sandbox/toggle-button-dark-light-mode-gszhfg

🔹Deploy: https://65e7163b69de5b04e5c1edc4--dashing-twilight-c3949a.netlify.app/



#codeAndResult
🆔@APSignals_PER

#fun
🆔 @APSignals_PER

📌عادت‌های سالم
پارت ۲


🔴 فعالیت بدنی و حرکات کششی زیاد انجام دهید.
همه‌ی ما  می‌دانیم که به عنوان برنامه‌نویس ممکن است 8 تا 10 ساعت در روز بنشینیم که باعث می‌شود کمر درد بگیریم و به طور کلی احساس عدم تعادل کنیم.

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

🔹چرا فعالیت بدنی مهم است؟
زیرا به کاهش استرس کمک می‌کند، ذهن را پاک می‌کند و بدن را تقویت می‌کند.
فعالیت بدنی همچنین به محافظت از شما در برابر بسیاری از بیماری‌ها کمک می‌کند و عملکرد مغز شما را بهبود می‌بخشد که البته به عنوان یک برنامه نویس بسیار مهم است.

یکی دیگر از مزایای عالی، این است که می‌تواند به شما در کنترل وزن کمک کند. بنابراین هنگامی که از یک رژیم غذایی سالم پیروی می‌کنید و به طور منظم از نظر بدنی فعال هستید، کمتر نگران وزن خود خواهید بود.

🔹از انجام حرکات کششی در صبح یا عصر غافل نشوید.
انجام فعالیت بدنی منظم عالی است اما کافی نیست. کشش بدن در کنار فعالیت‌های بدنی بسیار مهم است.
حرکات کششی به شما کمک می‌کند انعطاف پذیری و وضعیت بدن خود را بهبود بخشید. همچنین به کاهش درد شما بعد از نشستن تمام روز جلوی کامپیوتر کمک می‌کند. تغییر موقعیت کاری خود از نشستن به ایستاده نیز یک راه عالی برای حرکت دادن بدن به روش‌های مختلف است.

حرکات کششی می‌تواند برای سایر زمینه‌های زندگی شما نیز بسیار مفید باشد. تنش را آزاد می‌کند و در نتیجه سطح استرس شما را کاهش می‌دهد. همچنین به شما کمک می‌کند ذهن خود را آرام کنید و انرژی خود را افزایش دهید.

#Health
🆔 @APSignals_PER

💢باز کردن مجدد یک ادیتور بسته شده:
ویندوز: Ctrl + Shift + T
مک: Control + Shift + T
زمانی که شروع به کار روی یک پروژه عظیم کنید که فایل‌های متعددی داره؛ در مواردی که به صورت تصادفی یک صفحه را ببندید و مجبور بشید  می‌تونید با فشردن کلیدهای Ctrl + Shift + T عملاً ادیتور بسته شده را مجدداً باز کنید. حتی می‌تونید صفحه پیش از اون رو هم باز کنید و حتی صفحه ما قبل آن و همین طور تا آخر را با این میانبر می‌تونید باز کنید.

#vscodeTrick
🆔 @APSignals_PER

📌Blurry loading

🔹Source Code: https://codesandbox.io/p/sandbox/blurry-loading-ztqpc3

🔹Deploy: https://660dc1c143ba5e4d298b9b3d--effervescent-lily-e5a15a.netlify.app/


#codeAndResult
🆔@APSignals_PER

#fun
🆔 @APSignals_PER

📌 Focus Blur Background

🔹Source Code:
https://codesandbox.io/p/sandbox/focusblur-qzkzyk?file=%2Findex.html

🔹Deploy:
https://qzkzyk.csb.app/


#codeAndResult
🆔@APSignals_PER

#fun
🆔 @APSignals_PER

📌عادت‌های سالم
پارت ۳

🔴 تکنیک‌های مدیریت استرس

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

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

🔹 استرس خوب در مقابل استرس بد
آیا استرس به طور کلی بد است؟
در دوزهای کم، استرس می‌تواند به شما کمک کند تا با چالش‌های روزانه روبرو شوید و به خودتان انگیزه دهید تا به اهداف خود برسید. همچنین می‌تواند حافظه شما را تقویت کند و به شما کمک کند تا وظایف را به نحو احسن انجام دهید.
از سوی دیگر، استرس بیش از حد می‌تواند باعث مشکلات جدی سلامتی شود. می تواند سیستم ایمنی بدن شما را تضعیف کند و باعث فشار خون بالا، افسردگی و اضطراب شود.
برخی از مهم ترین علائم استرس بیش از حد عبارتند از:
▪️ناتوانی در تمرکز
▪️بدن درد
▪️سردرد
▪️تغییرات اشتها
▪️اغلب بیمار شدن
▪️مشکل خواب
و.....
استرس بد، چیزی نیست که شما دارید، چیزی است که برای خودتان ایجاد می‌کنید. این همیشه نشانه این است که شما به آینده فکر می‌کنید و در مورد آن احساس نگرانی می‌کنید.

🔹چگونه استرس خود را مدیریت کنیم.
تمرینات تنفسی یکی از بهترین راه‌ها برای آرام کردن ذهن و کاهش استرس است.

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

اگر هیچ تجربه‌ای در مورد مدیتیشن و موارد مشابه ندارید، می‌توانید با برنامه‌ای مانند «headspace» یا «calm» شروع کنید. آنها مراقبه‌های هدایت شده را ارائه می‌دهند.

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

#Health
🆔 @APSignals_PER

📌Scroll Animation

🔹Source Code: https://codesandbox.io/p/sandbox/scroll-animation-vr6lj5

🔹Deploy:
https://660e949b2c0362042f0fb531--merry-piroshki-21b907.netlify.app/


#codeAndResult
🆔@APSignals_PER

#fun
🆔 @APSignals_PER

🌍   Notable People

🗺 این آدرس یک وب پیج بسیار ساده ولی فوق العاده جذابه که وقتی واردش میشید انگار تو یه دستتون کره زمین رو نگه داشتید و توی اون یکی دستتون هم کتاب تاریخ
🎭 این نقشه یک نگاه اجمالی منحصر به فرد به منشاء نوابغ، رهبران و ستارگان ارائه میده.
🕵️‍♂️نا گفته نمونه که Topi Tjukanov جغرافی دان و سازنده این نقشه داده‌ها رو از منابع معتبر و قابل اطمینان wikipedia و wikidata گرفته و جمع آوری کرده.
✨ هر اسم روی نقشه Notable People نشون دهنده شخصیه که رتبه قابل توجه و منحصر به فرد خودش رو داره . خواه این فرد دانشمند باشه، رهبر سیاسی یا هنرمند و یا ورزشکار برجسته. شما می‌تونید به‌راحتی با اسکرول و کلیک ماوس میزان "قابل توجه بودن" رو تغییر بدید و محل تولد دقیق اونها رو ببینید، مقایسه کنید و حتی ببینید در قید حیات هستند یا خیر.
ازتون دعوت میکنم به تور جهانی زادگاه مشاهیر تاریخ بپیوندید.

🌍   Notable People


#Site
🆔 @APSignals_PER