https://github.com/hsnaydd/moveTo

#tool #scroll

@CSSTricks

باز از این یادش بخیرا 😄

https://jordaneldredge.com/projects/winamp2-js


@CSSTricks

واقعا اسلایدر قشنگیه

https://codepen.io/nathantaylor/pen/PJGqdE

#demo #slider

#CSSTricks

دم طرف گرم 👌👌👌


alexanderperrin.com.au/paper/shorttrip

با موبایل سمت راست صفحه رو لمس کنید.

دسکتاپ هم از کلیدهای جهت استفاده کنید.

اسپیس هم سوت قطارو در میاره 😄


#inspiration

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

css-tricks.ir/?p=3390#select-theme

#editor #sublime

@CSSTricks

👌👌👌

codepen.io/agathaco/pen/qPXEYb

#demo

@CSSTricks

css-tricks.ir/?p=6133

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

hi@css-tricks.ir

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

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

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