💢می‌دونستید یکی از ترند های طراحی در چند سال اخیر طراحی retro یا نوستالژیه؟

توی این سایت می‌تونید بیشتر از ۵۰۰ تا آیکون جذاب به سبک retro رو داشته باشید و توی طراحی سایت ازش استفاده کنید

https://dryicons.com/free-icons/retro


#icon
🆔 @APSignals_PER

📌Animated Profile Card

🔹Source Code:
https://codesandbox.io/p/sandbox/animated-profile-card-forked-xh3hsf?file=%2Fstyle.css%3A45%2C15


🔹Deploy:
https://6604948d8a849b6495866626--charming-kleicha-53f410.netlify.app/


#codeAndResult
🆔@APSignals_PER

#fun
🆔 @APSignals_PER

♨️می‌دونستید با این شورتکات  می‌تونید در سریع ترین زمان ممکن تم وی اس کد رو عوض کنید؟
Ctrl+K Ctrl+T



#vsCodeTrick
🆔 @APSignals_PER

📌Stopwatch

🔹Source Code:
https://codesandbox.io/p/sandbox/stopwatch-3pl8sq?file=%2Findex.html%3A83%2C9

🔹Deploy:
https://660d25e1e6a6c2bd124fd64d--visionary-youtiao-5c5410.netlify.app/


#codeAndResult
🆔@APSignals_PER

#fun
🆔 @APSignals_PER

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

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

🔴 غذای سالم بخورید.

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

🔹 مصرف قند خود را کاهش دهید.
🔹 به جای نوشابه آب بنوشید.
🔹 فقط مقدار کمی شیرینی در روز بخورید.
🔹 در‌میان میوه‌ها از میو‌ه‌هایی که قند کمتری دارند مانند انواع توت‌ها، کیوی، زردآلو و... استفاده کنید.
🔹 از یک رژیم غذایی متعادل پیروی کنید.
🔹غلات کامل مانند برنج قهوه‌ای، گندم سیاه، کینوا، بلغور، ارزن و جو مصرف کنید.
🔹 مقدار زیادی حبوبات مانند عدس، لوبیا قرمز، نخود سبز و سویا مصرف کنید.
🔹 آجیل‌هایی مانند بادام، پسته، گردو، بادام هندی و بادام زمینی مصرف کنید.
🔹 مقدار زیادی سبزیجات (ترجیحاً سبزیجات چلیپایی) مانند کلم بروکلی مصرف کنید.
🔹 دانه‌هایی مانند دانه چیا، دانه شاهدانه، دانه کتان، دانه کدو تنبل و دانه کنجد بخورید.
🔹 مصرف گوشت خود را به حداقل برسانید.
🔹بیشترین کربوهیدرات را در صبح بخورید.
🔹سبک‌ترین وعده غذایی شما باید حداقل سه ساعت قبل از خواب باشد.


#Health
🆔 @APSignals_PER

📌Hover Effect

🔹Source Code:
https://codesandbox.io/p/sandbox/hover-effect-27yqkm?file=%2Findex.html%3A7%2C44

🔹Deploy:
https://660d111f858f4da9e30b8ccc--dapper-cheesecake-177b0d.netlify.app/


#codeAndResult
🆔@APSignals_PER

#fun
🆔 @APSignals_PER

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

#Extension
🆔 @APSignals_PER

🔹Source Code: https://codesandbox.io/p/sandbox/crazy-shockley-h26csy

🔹Deploy: https://65e641d4a720c10b4044acc9--spontaneous-tarsier-38cd5a.netlify.app/



#codeAndResult
🆔@APSignals_PER

📌پشتیبان گیری داده ها

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

روش های مختلفی برای پشتیبان گیری از داده ها وجود دارد:

🔶ذخیره سازی خارجی: می توانید از یک هارد دیسک خارجی یا درایو فلش USB برای ذخیره نسخه پشتیبان از داده های خود استفاده کنید. این روش ساده و مقرون به صرفه است، اما به یاد داشته باشید که هارد دیسک خارجی شما نیز می تواند خراب شود یا گم شود.

🔶ذخیره سازی ابری: خدمات ذخیره سازی ابری مانند Google Drive، Dropbox یا iCloud به شما امکان می دهند از داده های خود به صورت آنلاین نسخه پشتیبان تهیه کنید. این روش دسترسی به داده های شما را از هر دستگاهی آسان می کند و در صورت خرابی لپ تاپ شما، از آنها محافظت می کند.

🔶نرم افزار پشتیبان: نرم افزارهای مختلفی برای پشتیبان گیری خودکار از داده های شما در فواصل زمانی مشخص وجود دارد. این روش می تواند برای اطمینان از به روز بودن نسخه پشتیبان شما مفید باشد.

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

نوع داده هایی که می خواهید از آنها نسخه پشتیبان تهیه کنید: اگر فقط از چند فایل مهم نسخه پشتیبان تهیه می کنید، ذخیره سازی آنها در یک درایو فلش USB ممکن است کافی باشد. اما اگر از حجم زیادی از داده ها مانند عکس ها، فیلم ها یا موسیقی نسخه پشتیبان تهیه می کنید، ممکن است به یک هارد دیسک خارجی یا ذخیره سازی ابری نیاز داشته باشید.
حجم داده هایی که می خواهید از آنها نسخه پشتیبان تهیه کنید: اگر حجم زیادی از داده ها دارید، ذخیره سازی ابری ممکن است بهترین گزینه باشد زیرا فضای ذخیره سازی بیشتری نسبت به هارد دیسک خارجی ارائه می دهد.
بودجه شما: هزینه هارد دیسک های خارجی، درایوهای فلش USB و خدمات ذخیره سازی ابری می تواند متفاوت باشد.
مهم است که به طور منظم از داده های خود نسخه پشتیبان تهیه کنید،  به خصوص اگر از لپ تاپ خود برای کار یا مدرسه استفاده می کنید. در صورت بروز مشکل برای لپ تاپ شما،  نسخه پشتیبان شما می تواند به شما کمک کند تا داده های خود را بازیابی کنید و به کار خود ادامه دهید.



#laptop_health
🆔 @APSignals_PER

#fun
🆔 @APSignals_PER

#health
🆔 @APSignals_PER

💢استفاده از  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