CleverDevs
8.42K subscribers
709 photos
280 videos
27 files
415 links
به کانال کلوردوز خوش اومدین

سعی میکنیم چیزایی که بنظر کاربردی هستن رو باهاتون به اشتراک بزاریم


🔥لینوکس
🔥برنامه نویسی فرانت‌اند
🔥برنامه نویسی بک‌اند
🔥اخبار تکنولوژی و...

CleverDevs are better than other Devs
💢~> @mmdrsdev
Download Telegram
تاحالا براتون پیش اومده یه کامیتی بزنید رو پروژتون و بعد کامیت نیاز به یه تغیر خیلی کوچیک تو پروژه باشه؟
اینجور مواقع شما دیگه نمیخواید یه کامیت جدید بزنید و دلتون میخواد که همین تغییر کوچیک رو روی کامیت قبلیتون بزنید

خب اگه همچین چیزی براتون پیش اومد میتونید با کامند
git commit –amend

هر تغیری که دادید رو روی کامیت قبلیتون ثبت کنید

اگه هم خواستید پیام کامیت قبلی رو ادیت کنید باز میتونید از فلگ m استفاده کنید به این صورت
git commit --amend -m “this fixes the previous oopsies”

اطلاعات بیشتر :
https://smartlogic.io/blog/git-commit-amend/

#trick
#git

@CleverDevs
@CleverDevsGp
👌7👍4👎3🔥3
برای تغییر وضعیت یه flag نیازی نیست شرط بذارید،
میتونید از نقیض خودش استفاده کنید.

#trick

@CleverDevs
@CleverDevsGp
👍7👎32❤‍🔥1
گیت هاب یه هاست رایگان داره که میتونین سایتتون رو انلاین بالا بیارین

برای استفاده ازش برید به تنظیمات ریپازیتوریتون و از منوی سمت چپ Pages رو بزنین

بعدش توی بخش branch ، اون برنچی که میخواید بالا بیاد رو انتخاب کنین و روی سیو بزنین

صفحه رو رفرش کنین و اون بالا مثل تصویر گزینه visit site میاد براتون

ساختار دامینش:
https:// "Your Account Name" .github.io/ "Your Repo Name" /


پ.ن : فقط سایتای استاتیک رو ساپورت میکنه
#gitHub
#trick

@CleverDevs
@CleverDevsGp
11👍5👎2🔥2
با این ترفند میتونید به پشت child های المنت parent شمارنده بدید مثل لیست های ol.
پ.ن: name دلخواهه.
#css
#trick

@CleverDevs
@CleverDevsGp
4👎3👍2🔥2
برای وسط آوردن یه المنت که پوزیشن ابسولوت میتونید از این روش هم استفاده کنید

#css #trick

@CleverDevs
@CleverDevsGp
6👎2
با این روش میتونی کدای تمیز تری توی css بنویسی
#front #css #trick

@CleverDevs
@CleverDevsGp
🔥17😁1413👍12👏43👎2
میدونستین وقتی Alt رو نگه دارید و با دوتا انگشت اسکرول کنید میتونید تو xfce زوم کنید؟

#trick
@CleverDevs
@CleverDevsGp
👍8👎3🗿3
حتما پیش اومده که بخواین داخل سایت برای قیمت ها، هر سه رقم یه "," قرار بدین؛

میتونین از تابع
toLocaleString('en-US')

استفاده کنین. برای درک بهتر میتونین این فانکشن رو هم بخونید که همینکار رو انجام میده:

function priceEditor(price) {
  price = price.split("").reverse().join("")
  let sum = ""

  for (let index = 0; index < price.length; index = index + 3) {
    sum = sum + price.slice(index, index + 3)
    sum = sum + ","
  }
  sum = sum.split("")
  sum.pop()
  sum = sum.reverse().join("")
  return sum
}


#trick
@CleverDevs
@CleverDevsGp
👍6
همون طور که بعضیاتون میدونین برای
Height: auto;
ترنزیشن اعمال نمیشه، که توی ساخت منو و اوتو‌کامپلت سرچ و .. استفاده میشه

از این ترفند میتونین استفاده کنین.
#trick
- Source
@CleverDevs
@CleverDevsGp
9
This media is not supported in your browser
VIEW IN TELEGRAM
برای تقسیم کردن صفحه vs code بین چند تا فایل از این شورتکات ها استفاده کنین👌🏻

#vscode #trick
@CleverDevs
@CleverDevsGp
👍8🔥31👎1
بعضی اوقات میخواید تو تلگرام یا بلاگ و ... یه متن فارسی بنویسید ولی کلمه اول انگلیسیه و باعث میشه ساختار جمله بهم بخوره برای رفع این مشکل میتونید کاراکتری که تو این لینک هست رو کپی کنید و هروقت خواستید جمله رو با کلمه انگلیسی شروع کنید قبل اون پیست کنید این کاراکتر هیدنه و دیده نمیشه اما ساختار جمله رو اوکی میکنه


https://unicode-explorer.com/c/200F

#trick | Techtube
@CleverDevs - @CleverDevsGp
❤‍🔥26👍82
🔥30👍6💯3👌2
CleverDevs
همون طور که بعضیاتون میدونین برای Height: auto; ترنزیشن اعمال نمیشه، که توی ساخت منو و اوتو‌کامپلت سرچ و .. استفاده میشه از این ترفند میتونین استفاده کنین. #trick - Source @CleverDevs @CleverDevsGp
calc-size()


قبلا توی این پست یه راه حل برای اعمال ترنزیشن روی

height: auto;

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

یه تابع جدید به اسم calc-size اومده که اگه تو ورودی بهش auto رو بدیم، میاد مقدار auto رو مشخص میکنه و بهمون برمیگردونه‌.

یعنی جای همه اینکارا کافیه فقط

.box {
height: 200px;
overflow: hidden;
transition: 300ms
}

.box.active {
height: calc-size(auto);
}

اینکارو بکنیم، البته فعلا وضعیت ساپورت مرورگرش خوب نیست. (اصلا خوب نیست)

@CleverDevs - @CleverDevsGp
👍17👌4