من خیلی با تلویزیون و برنامه‌هاش سروکار ندارم، الان اسمارت تلویزیون ها نمیکنن این کارا رو!؟ خیلی باحاله 😄😍


https://letterfuel.com/media/image_items/70137795-99d0-48bd-8394-e9717ac922a9.gif

#fun #ux

👌👌👌

https://medium.freecodecamp.org/here-are-examples-of-everything-new-in-ecmanoscript-2016-2017-and-2018-d52fa3b5a70e

#js #article

@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

یه کتابخونه برای نمایش انواع چارت‌ها پیاده سازی شده با react


http://nivo.rocks


https://github.com/plouc/nivo


#tool #chart #react

@CSSTricks

یه عالمه تم برای ویرایشگر ها و ide‌های مختلف


https://rainglow.io

به آخر این پست هم در سایت اضافه شد

https://css-tricks.ir/?p=3390

#tool #editor #theme

@CSSTricks

👌👌👌

codepen.io/chrisgannon/pen/rvBMmM

#demo #slider

@CSSTricks

http://wangchujiang.com/hotkeys

#tool #js #library

@CSSTricks

برای بررسی سرفصلها و پروژه ای ک قراره کار بشه به مطلب زیر مراجعه کنید


https://css-tricks.ir/?p=6133


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

hi@css-tricks.ir

یه کاربرد برای متغیرها

blog.prototypr.io/stutnning-hover-effects-with-css-variables-f855e7b95330


کار با متغیرها:

css-tricks.ir/reference/css-variables


#article #variables #hover

@CSSTricks

https://codepen.io/jackrugile/details/JLOXWZ

#demo

@CSSTricks

از این به بعد بجای اینستاگرام اینجا لایو بزارید 😄


https://devstream.tv/directory

#tool #courses #tutorial

@CSSTricks

👌👌👌

https://tympanus.net/Development/ParticleEffectsButtons

#demo #button #particle

@CSSTricks

طرز کار float رو خیلی خوب به تصویر کشیده

https://meowni.ca/posts/float-layout

آخر مطلب سایت اضافه شد

https://css-tricks.ir/reference/float


#article

@CSSTricks

این ابزار رو حتما بررسی کنید، مایکروسافت پشتشه و قطعا خوب پیش می‌ره در آینده

https://blogs.windows.com/msedgedev/2018/04/19/sonarwhal-v1-linting-tool-for-web


sonarwhal.com

#tool

@CSSTricks

ماریو با سی‌اس‌اس خالص

https://codeburst.io/mario-kart-css-7572bd2ce608

نکات خوبی توی کدش پیدا میکنید

#demo #article

@CSSTricks

​​این یه تابلو رنگ روغن نیست 😊

این سی‌اس‌اس هستش 😳

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

codepen.io/jaysalvat/details/HaqBf


نه، کلا کار دسته بقول ما 😅

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


https://github.com/cyanharlow/purecss-francine

#art #purecss #omg

@CSSTricks

👌

https://www.martin-laxenaire.fr/libs/curtainsjs/index.html

#tool #img #webgl

@CSSTricks


👁🖥👁

https://tympanus.net/Development/ProximityFeedback/index.html

#demo

@CSSTricks

👁🖥👁

codepen.io/finnhvman/pen/gzmMaa

#demo #purecss #game

@CSSTricks

https://github.com/esimov/caire

#tool #image #resize

@CSSTricks