به قول خودشون کتابخونه درگ و دراپی ک اجدادمون بهمون وعده داده بودن 😄😄

shopify.github.io/draggable

واقعا خوب ساختنش، صفحه دموش هم عالیه 👌👌👌

#tool #js

@CSSTricks

وقتی از چندتا فونت میخوایم توی یک سایت استفاده کنیم اینطور ابزارا بدرد میخورن

https://meowni.ca/font-style-matcher

@CSSTricks

اگر خواستید از کدتون یک عکس یا پوستر بسازید، این ابزار عالیه 👍

https://carbon.now.sh

قندشکن میخواد 🙊

#tool

@CSSTricks

بهترین مقدمه ای ک میتونید برای گرید بخونید

mozilladevelopers.github.io/playground

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

css-tricks.ir/reference/grid

#article #grid

به این ابزار یه عکس بدید ببینید براتون چکار می‌کنه 👌👌👌

https://www.michaelbromley.co.uk/experiments/chromata

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

#tool #art

@CSSTricks

درخواست کوچیکی هم هست، یعنی حداقل برای شروع دو سال از عمر من، البته ممنون میشن پس مشکلی نیست 😄

حالا این دوستمون ک با لحن شوخی گفتن ولی خیلی ها جدیشو میپرسن، راستش اون اولا یکی از دوستان ما میخواست پا بپای ما همین کارو بکنه ولی خوب نشد

من ب این موضوع خیلی فک میکنم و شاید یه روزی راه انداختیم این جریان جاوااسکریپت رو ولی احتمالا برای بچه های شما دیگه 😄

میدونید می‌تونیم انیمیشنی ک توی after effects ساختیم یا ساخته شده رو به راحتی تبدیلش کنیم به CSS و js؟

این ابزارو ببینید:

lottiefiles.com

اینم بخونید ک متوجه بشید قصه از چه قراره

https://blog.framer.com/a-change-in-motion-162a2372d75e

این bodymovin چکار کرد واقعا 👍

#tool #animation #aftereffects

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

https://stripe.com/elements

#tool

@CSSTricks

مطالب مربوط به ماسک هم تموم شد و این فصل تکمیل شد 🎉

http://css-tricks.ir/reading-list/شکل-ها،-برش-و-ماسک-کردن



#article #mask #shape #clip

@CSSTricks

قشنگ ساختشون، خیلی راحت هم میتونید ازشون استفاده کنید،

tobiasahlin.com/moving-letters

#tool #animation #texteffect

@CSSTricks

🎉🎉🎉

css-tricks.ir/trick/devtools-device-mode

#chrome #article


@CSSTricks

👌

codepen.io/nerdmanship/pen/rGzqYe

#demo

@CSSTricks

از این افزونه هایی ک میگن سایت از چه تکنولوژی هایی استفاده میکنه

https://www.whatruns.com


#tool #chrome #extension

@CSSTricks

😄😄👍👍

codepen.io/CameronFitzwilliam/pen/aLwNvJ

#demo

@CSSTricks

github.com/idiotWu/smooth-scrollbar

#tool

@CSSTricks

👌👌👌

http://www.climber.io

#inspiration

@CSSTricks

👁🖥👁

حتما چک کنید همشو 👌

https://tympanus.net/Development/LiquidDistortion

#demo

@CSSTricks

یه پکیج خفن، یه عالمه بلاک آماده ک بدرد پروتوتایپ یا آدمای تنبل یا حتی پروژه واقعی میخوره 😄

github.com/froala/design-blocks

از توی گیتهاپ همشو دانلود کنید

#tool #prototyping #bootstrap

@CSSTricks