بریم سراغ یه کاربرد دیگه از برنامه نویسی تو زندگی 😻😋
"همه چیزو مستند کنین"🎞
گاهی ، برا یه برنامه نویس میتونه وسوسه انگیز باشه که کدا رو بدون مستندسازی فقط بنویسه.🤤 وسوسه انگیزه چون هر لحظه دقیقاً میدونین از برنامه چی میخواین❔مستندسازی یه برنامه زمانبره⌛️
شما باید برای هر کاری که انجام میدین و هرگامی🦶🏻که پیش میرین ، دلیلی داشته باشین. برخی اوقات اینکار میتونه بیهوده به نظر بیاد 🤦🏻 اما ماه ها بعد که تصمیم بگیرین اون کد رو دوباره استفاده کنین و یا به منظور هدف🎯 دیگه ای تغییرش بدین ، تفاوت بین تلاش برای یادآوری هر سطر و یا سرعت بخشیدن به کارتون ، معنی پیدا خواهد کرد😼
این مستندسازی دقیق میتونه در هر مرحله از زندگیتون تأثیرگذار باشه 🎖، از به یاد داشتن تاریخ تولدا 🎂 و سالگردا 👩❤️💋👨 ، تا دنبال کردن مذاکرات کسب و کاری 🧑🏻🔧و دلیل انجامشون .
زندگی روزانه🌞 با تصمیماتی که میگیرین و اجازه میدین که مانند برگ ها🍃 در باد 🌪حرکت کنن ، میتونه تبدیل به روزای تیره🌚 بشن.
این میتونه امری غیرکارآمد باشه که تنها به حافظه تون اعتماد کنین که چرا در جلسات خاصی شرکت کردین یا چرا برخی چیزا رو خریداری کردین🛍.تهیه یه ژورنال روزانه☀️ میتونه ذهنتون رو تا حدود زیادی باز کنه و اجازه بده که تمرکزتون رو روی کارهای مهمتری بذارین😎
🖥 @FunProGraming
"همه چیزو مستند کنین"🎞
گاهی ، برا یه برنامه نویس میتونه وسوسه انگیز باشه که کدا رو بدون مستندسازی فقط بنویسه.🤤 وسوسه انگیزه چون هر لحظه دقیقاً میدونین از برنامه چی میخواین❔مستندسازی یه برنامه زمانبره⌛️
شما باید برای هر کاری که انجام میدین و هرگامی🦶🏻که پیش میرین ، دلیلی داشته باشین. برخی اوقات اینکار میتونه بیهوده به نظر بیاد 🤦🏻 اما ماه ها بعد که تصمیم بگیرین اون کد رو دوباره استفاده کنین و یا به منظور هدف🎯 دیگه ای تغییرش بدین ، تفاوت بین تلاش برای یادآوری هر سطر و یا سرعت بخشیدن به کارتون ، معنی پیدا خواهد کرد😼
این مستندسازی دقیق میتونه در هر مرحله از زندگیتون تأثیرگذار باشه 🎖، از به یاد داشتن تاریخ تولدا 🎂 و سالگردا 👩❤️💋👨 ، تا دنبال کردن مذاکرات کسب و کاری 🧑🏻🔧و دلیل انجامشون .
زندگی روزانه🌞 با تصمیماتی که میگیرین و اجازه میدین که مانند برگ ها🍃 در باد 🌪حرکت کنن ، میتونه تبدیل به روزای تیره🌚 بشن.
این میتونه امری غیرکارآمد باشه که تنها به حافظه تون اعتماد کنین که چرا در جلسات خاصی شرکت کردین یا چرا برخی چیزا رو خریداری کردین🛍.تهیه یه ژورنال روزانه☀️ میتونه ذهنتون رو تا حدود زیادی باز کنه و اجازه بده که تمرکزتون رو روی کارهای مهمتری بذارین😎
🖥 @FunProGraming
#نکته_آموزشی #css
⭕ استفاده از دستور !important
🔶️ طراحان با تجربه، از کاربرد این دستور اطلاع دارند، اما معمولا تازه کارها، از این دستور !important در CSS بی اطلاع هستند و تعجب می کنند. با افزودن دستور !important به انتهای دستور css تان، اولویت دستور مورد نظر را نسبت به دستورات دیگر که با آن در تضاد هستند، افزایش می دهید.
در کد زیر، رنگ زمینه، به دلیل وجود !important آبی خواهد بود (و نه قرمز)
.page {
background-color: blue !important;
background-color: red;
}
🔷️ کاربرد روش فوق وقتی است که شما یک css rule می نویسید، اما متوجه می شوید که هیچ تاثیری ندارد! دلیل این مسئله احتمالا این است که یک دستور دیگر با اولویت بالاتر وجود دارد که اثر دستور شما را خنثی می کند.
برای این که دستور شما اولویت بالا تری داشته باشد و اثر دستورات دیگر را خنثی کند، می توانید از !important استفاده کنید.
🖥 @FunProGraming
⭕ استفاده از دستور !important
🔶️ طراحان با تجربه، از کاربرد این دستور اطلاع دارند، اما معمولا تازه کارها، از این دستور !important در CSS بی اطلاع هستند و تعجب می کنند. با افزودن دستور !important به انتهای دستور css تان، اولویت دستور مورد نظر را نسبت به دستورات دیگر که با آن در تضاد هستند، افزایش می دهید.
در کد زیر، رنگ زمینه، به دلیل وجود !important آبی خواهد بود (و نه قرمز)
.page {
background-color: blue !important;
background-color: red;
}
🔷️ کاربرد روش فوق وقتی است که شما یک css rule می نویسید، اما متوجه می شوید که هیچ تاثیری ندارد! دلیل این مسئله احتمالا این است که یک دستور دیگر با اولویت بالاتر وجود دارد که اثر دستور شما را خنثی می کند.
برای این که دستور شما اولویت بالا تری داشته باشد و اثر دستورات دیگر را خنثی کند، می توانید از !important استفاده کنید.
🖥 @FunProGraming
#نکته_آموزشی #css
⭕ استایل دهی به لیست های مرتب به شیوه ی متفاوت Ordered list style
✅ استایل دهی به اعداد یک لیست مرتب (شماره گذاری شده) به شیوه ای متفاوت نسبت به باقی متن هریک از آیتم های لیست.
در کد زیر، همانطور که می بینید، یک فونت را برای تگ ol تعریف کرده ایم و بعد برای تگ p ی درون آن، مجددا فونت را تغییر داده ایم. به این ترتیب، استایل خود لیست (شامل اعداد لیست) با محتوای آن (که باید در درون p قرار گرفته باشد) متفاوت خواهد بود.
ol {
font: italic 1em Georgia, Times, serif;
color: #999999;
}
ol p {
font: normal .8em Arial, Helvetica, sans-serif;
color: #000000;
}
🖥 @FunProGraming
⭕ استایل دهی به لیست های مرتب به شیوه ی متفاوت Ordered list style
✅ استایل دهی به اعداد یک لیست مرتب (شماره گذاری شده) به شیوه ای متفاوت نسبت به باقی متن هریک از آیتم های لیست.
در کد زیر، همانطور که می بینید، یک فونت را برای تگ ol تعریف کرده ایم و بعد برای تگ p ی درون آن، مجددا فونت را تغییر داده ایم. به این ترتیب، استایل خود لیست (شامل اعداد لیست) با محتوای آن (که باید در درون p قرار گرفته باشد) متفاوت خواهد بود.
ol {
font: italic 1em Georgia, Times, serif;
color: #999999;
}
ol p {
font: normal .8em Arial, Helvetica, sans-serif;
color: #000000;
}
🖥 @FunProGraming
البته لازمه بگم من میتونم کمکت کنم از این چاله بپری و سالها توش اسیر نشی ، بهم پیام بده اگر تو هم با این مشکلات درگیری👇
👇👇👇
🆔 @moshavervipacademy
🖥 @FunProGraming
👇👇👇
🆔 @moshavervipacademy
🖥 @FunProGraming
#نکته_آموزشی #css
⭕ استایل پر رنگ کردن تگ های acronym و abbr
⭐ تگ acronym برای نوشتن علامات اختصاری سرنام کلمات مفید است و تگ abbr برای نوشتن کلمات اختصاری می باشد.
تگ های acronym و abbr اطلاعات مفیدی را برای کاربران، مرورگرها و موتور های جستجو فراهم می کنند. اما بیشتر مرورگرها، به جز فایرفاکس، این تگ ها را به طور متفاوتی نمایش نمی دهند.
⭐در زیر ترفند CSS برای highlight کردن تگ های acronym و abbr آمده است.
acronym, abbr{
border-bottom: 1px dotted #333;
cursor: help;
}
🖥 @FunProGraming
⭕ استایل پر رنگ کردن تگ های acronym و abbr
⭐ تگ acronym برای نوشتن علامات اختصاری سرنام کلمات مفید است و تگ abbr برای نوشتن کلمات اختصاری می باشد.
تگ های acronym و abbr اطلاعات مفیدی را برای کاربران، مرورگرها و موتور های جستجو فراهم می کنند. اما بیشتر مرورگرها، به جز فایرفاکس، این تگ ها را به طور متفاوتی نمایش نمی دهند.
⭐در زیر ترفند CSS برای highlight کردن تگ های acronym و abbr آمده است.
acronym, abbr{
border-bottom: 1px dotted #333;
cursor: help;
}
🖥 @FunProGraming
⭐ راه خودت را دنبال کن!
🌙 ما وقت نداریم که دائما
زندگی کردن مثل این و آن را تمرین کنیم.
جرات این را داشته باشید که
پیرو قلب و ادراک خودتان باشید
✍️استیو جابز
🖥 @FunProGraming
🌙 ما وقت نداریم که دائما
زندگی کردن مثل این و آن را تمرین کنیم.
جرات این را داشته باشید که
پیرو قلب و ادراک خودتان باشید
✍️استیو جابز
🖥 @FunProGraming
#نکته_آموزشی #css
⭕ انتخاب یک سایز پایهی مناسب برای صفحه
⭐ تنظیم سایز فونت به طور مناسب به 62.5% در تگ <body> باعث می شود که 1em به لحاظ سایز معادل 10px باشد. این کار به شما اجازه می دهد که به سادگی و آسانی از واحد em استفاده کنید و بدانید که معادل آن به پیکسل چقدر است.
body {
font-size: 62.5%;
}
🖥 @FunProGraming
⭕ انتخاب یک سایز پایهی مناسب برای صفحه
⭐ تنظیم سایز فونت به طور مناسب به 62.5% در تگ <body> باعث می شود که 1em به لحاظ سایز معادل 10px باشد. این کار به شما اجازه می دهد که به سادگی و آسانی از واحد em استفاده کنید و بدانید که معادل آن به پیکسل چقدر است.
body {
font-size: 62.5%;
}
🖥 @FunProGraming
⭐ رویا متعلق به کسانیه که به اندازه ی کافی برای رسیدن به خواسته هاشون تلاش نمیکنند.
👤استيو جابز
🖥 @FunProGraming
👤استيو جابز
🖥 @FunProGraming
#نکته_آموزشی #css
⭕ پررنگ کردن فیلد های ورودی متنی
⭐ با استفاده از روش زیر می توانید فیلد های متنی که فوکوس را در اختیار دارند را highlight کنیم. البته این روش در IE کار نخواهد کرد
input[type=text]:focus, input[type=password]:focus {
border:2px solid #000;
}
🖥 @FunProGraming
⭕ پررنگ کردن فیلد های ورودی متنی
⭐ با استفاده از روش زیر می توانید فیلد های متنی که فوکوس را در اختیار دارند را highlight کنیم. البته این روش در IE کار نخواهد کرد
input[type=text]:focus, input[type=password]:focus {
border:2px solid #000;
}
🖥 @FunProGraming