#article #media

https://blog.logrocket.com/new-media-queries-you-need-to-know/


جون میده ترجمه بشه برای سایت، از ما گفتن بود 😉

http://css-tricks.ir/tale/

@CSSTricks

#article #grid #flexbox

یادگیری ترازبندی‌ها در گرید و فلکس‌باکس

https://ishadeed.com/article/learn-box-alignment


این مقاله به آخر پست‌های زیر در سایت اضافه شد:

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

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


@CSSTricks

🎉🎉🎉🎉🎉📣 پست جدید


آموزش ساخت سایه رنگارنگ برای تصاویر در CSS



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


#article #filter #shadow

@CSSTricks

وقت بشه ان شالله این نوع گرادینت رو هم توی مرجع توضیحش رو باید قرار بدیم:


https://css-tricks.com/background-patterns-simplified-by-conic-gradients


این پست رو آخر پست زیر که در مورد الگوها در پس‌زمینه است اضافه کردیم:

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

#article #gradient #pattern

@CSSTricks

#article #css

https://ishadeed.com/article/unusual-use-cases-pseudo-elements


آشنایی با شبه عناصر در سی‌اس‌اس:

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


@CSSTricks

#article #svg

این دمو در این مقاله مفهوم viewbox رو خیلی خوب نشون میده

https://wattenberger.com/guide/scaling-svg


مطلب در این مورد در سایت:
https://css-tricks.ir/?p=6425


@CSSTricks

#article #delay

https://codinhood.com/post/animated-loading-text-css


codepen.io/jh3y/pen/qBdzbGb



لینک این ویژگی در مرجع سایت:

https://css-tricks.ir/reference/animation-delay

@CSSTricks

#article #media_query


https://polypane.app/blog/the-complete-guide-to-css-media-queries


مطلب مرتبط در سایت:

https://css-tricks.ir/reference/media-queries


@CSSTricks

زحمتی که برای این مطلب کشیده شده رو نمیتونم تصور کنم

https://ciechanow.ski/lights-and-shadows/

#article #demo #shadow


@CSSTricks

#article #flex

مقاله خوبیه برای فهم flex و مشتقاتش

https://ishadeed.com/article/css-flex-property


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

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


@CSSTricks

غیر از اولی که من نوشتم اینا بهترین مقالات در مورد متغیرها در css هستند، حتما سر فرصت با دقت و بترتیب زیر بخونید نکته‌های ریزی دارند ک در پروژه‌های بزرگ خیلی اهمیت پیدا میکنن.


✅ css-tricks.ir/reference/css-variables


✅ ishadeed.com/article/css-vars-101


✅ increment.com/frontend/a-users-guide-to-css-variables


✅ css-tricks.com/using-custom-property-stacks-to-tame-the-cascade


اون 101 رو من نخوندم ولی مطمئنم از نویسندش. نکته های ریز تو دوتای آخر هستش.


#article #css #variable

@CSSTricks

#article #motion #animation

https://css-tricks.com/how-to-create-a-realistic-motion-blur-with-css-transitions

@CSSTricks

#article #text_effect

در مورد افکت‌های جورواجور روی متن این دو مقاله خوبن


https://dev.to/akhilarjun/four-subtle-text-effects-to-spice-up-your-web-site-27e7

https://letsbuildui.dev/articles/css-text-effects-five-minimal-examples

@CSSTricks

#article #favicon

https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs


@CSSTricks

#article #svg #gradient

گرادینت‌های خطی در SVG

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


@CSSTricks

#article #typography

مطلب خیلی خوبیه برای ترجمه اگر کسی خواست توی سایت خودش یا css-tricks.ir مطلب بنویسه.

خوبیش اینه منم مجبور میشم clamp رو توی مرجع بنویسم

https://piccalil.li/tutorial/fluid-typography-with-css-clamp

@CSSTricks

📣 پست جدید 🎉


#article #image #gallery

نحوه ساخت یک Lightbox فقط با CSS

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


@CSSTricks

#article #js #animation #transition


https://letsbuildui.dev/articles/how-to-listen-for-css-events-in-javascript

@CSSTricks

خبر خوب اینکه پست جدید داریم روی سایت 🤩

خبر خوب‌تر اینکه من ننوشتم 🤩🤩

خبر خوب‌ترتر اینکه در مورد Canvas هستش 🤩🤩🤩

خبر خوب‌ترترتر اینکه قرار نیست یه مطلب باشه و یک دوره آموزشی نوشتاری هستش که تا ته اعماق موضوع قراره ادامه داشته باشه 🤩🤩🤩🤩

آقای حسین رفیعی عزیز از دوستان سایت خودمون هستن که قراره ازشون این موضوع رو یاد بگیریم 🙏🌸

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

#article #canvas

@CSSTricks