CSS-Tricks.ir
901 subscribers
1.28K photos
30 videos
1 file
272 links
css-tricks.ir

Contact: hi@css-tricks.ir

دوره های آموزشی:
🍒 Cherry-picked.ir


آدرس گروه:
@CSSTricks_Group
Download Telegram
منم همیشه میگم وقتی میخوای ی چیزی ب یکی یاد بدی ی جوری یادش بده ک تا آخر عمرش یادش نره... 👍

حالا ب هر ترفندی ک هست 😄

#tip #fun

@CSSTricks
از URLهای خود کروم استفاده کنید حال میده. مثلا می خواید برید صفحه دانلود ها بنویسید:

chrome://downloads

یا مثلا flag ها رو اینجا تنظیم می کنید:

chrome://flags

یا می خواید تنظیمات رو باز کنید:

chrome://settings

در کل همه URL ها اینجا هستند می تونید همشون رو چک کنید:

chrome://chrome-urls

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

http://css-tricks.ir/?p=2016

#tip #browser

@CSSTricks
اینطوری میشه همه بچه ها رو انتخاب کرد به غیر از سه تای آخر

(به n عدد بدید از صفر شروع میشه)

📒 css-tricks.ir/reference/nth-last-child

#selector #tip

@CSSTricks
واسه اونایی که در حال یادگیری طراحی وب هستن:

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

مثلاً این دو تا نمونه رو ببینید، یکیشون داره از سایت imdb میگیره اطلاعات رو، اون یکی به سایت unsplash وصل شده.

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


https://codepen.io/hexagoncircle/pen/RMrQPX


https://duotone.shapefactory.co

(فیلترشکن ها تون رو آتیش کنید)

#tip

@CSSTricks
💡 آقا من امروز یه نکته یادگرفتم

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

تاحالا براتون سوال پیش اومده که چرا وقتی کامیت های بقیه رو میبینید بصورت امری نوشته میشه:


مثلا می نویسن:

Fix the output of Blah function

یا:

Remove deprecated methods


ولی اکثر ما معمولا توضیحی می نویسیم کامیت هامون رو، مثل:

Fixed the output of...

یا:

Removed deprecated ...

یا:

changing the color of header

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

Merge branch 'myfeature'

Revert "Add the thing with the stuff"

پس ماهم بهتره همین رویه رو دنبال کنیم.



دوم این که وقتی داری کامیت های قبلی رو می خونی، باید توی ذهنت اینطوری باشن:

If applied, this commit will "refactor subsystem X for readability"

If applied, this commit will "remove deprecated methods"

ولی اگر توضیحی بنویسیم در ساختار انگلیسی به این نحو نمیگنجه.




این مطلب رو بخونید:

https://chris.beams.io/posts/git-commit



#tip #git #article

@CSSTricks
عالی... 👌

برای ساخت یک سند جدید توی گوگل
درایو کافیه به آدرس doc.new برید.


Docs: doc.new, docs.new, document.new

Forms: form.new, forms.new
Sheets: sheet.new, sheets.new, spreadsheet.new

Sites: site.new, sites.new, website.new

Slides: slides.new, deck.new, presentation.new


#tip

@CSSTricks
This media is not supported in your browser
VIEW IN TELEGRAM
#tip #devtool


گزینه Emulate a focused page در کروم شمارو از خودکشی احتمالی دور نگه خواهد داشت

روابط عمومی سازمان بهداشت روانی توسعه‌دهندگان

@CSSTricks