#demo #password

https://codepen.io/ainalem/full/RwWgexd


@CSSTricks

https://codepen.io/petebarr/pen/vYNWamv

#demo #animation

@CSSTricks

توی گوشی باز کنید بعد گوشی رو بچرخونید خیلی باحاله 😄👍👍

https://persistence.glitch.me


@CSSTricks

https://noscriptartista.net

#tool #noscript #animation


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

@CSSTricks

این سایت رو حتما دنبال کنید، خبرنامش رو عضو شید به نظر من

خیلی چیزا میشه یادگرفت!


https://growth.design

#ux

@CSSTricks

اینم چندتا پازل خفن

https://blog.library.si.edu/blog/2020/05/07/puzzles/#.XrgIDS8pDmp

#game

@CSSTricks

گپ اول با گرید اومد، بعدا فهمیدن عه! این خیلی خوبه برای همه چی داشته باشیم در نتیجه پیشوندش حذف شد.

در شرایط فعلی که همه مرورگرها بدون پیشوند گپ رو برای گرید پشتیبانی می‌کنند دیگه نیازی به نوشتنش نیست ولی اگر هم پروژه ای دارید که پیشوند داره، مشکلی نیست و کار میکنه فعلا.


پست گرید در سایت هم آپدیت شد چند وقت پیش، که اونایی که تازه گرید رو یاد میگیرن گیج نزنن و بجاش گپ بزنن:

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

در ضمن اتفاق مبارک هم اینکه کروم هم داره گپ رو برای فلکس باکس پیاده سازی میکنه. در حال حاضر گپ روی فلکس باکس در فایرفاکس کار میکنه

اینم پست فلکس باکس در سایت محض احتیاط:

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

#css #grid #flexbox #gap


@CSSTricks

https://codepen.io/aaroniker/pen/pojaBvb


#demo #underline

@CSSTricks

شاهکار سی‌اس‌اسی جدید

https://diana-adrianne.com/purecss-gaze

#demo #painting


@CSSTricks

🎉🎉🎉📢


کد رنگی چهار و هشت رقمی برای تنظیم شفافیت رنگ


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

#color

خیلی خوبه دمشون گرم 👌

https://14islands.com



#hover #cursor #webgl #inspiration


@CSSTricks

کلا این سایت رو ریز بررسی کنید، افکت های خیلی خوبی داره

https://14islands.com/

#tool #gradient

https://www.gradientmagic.com

جالب بود، گذاشتمش توی ابزارهای سایت:

https://css-tricks.ir/tool


@CSSTricks

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


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


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

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

#article #gradient #pattern

@CSSTricks

#tool #noscript #shape

https://noscript-path-visualizer.netlify.app


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

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


@CSSTricks

#tool #js #notation

https://roughnotation.com


@CSSTricks

🎉🎉🎉🎉


دوره مقدماتی طراحی وب رایگان شد 🌷


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


@CSSTricks

#tool #shape #generator

https://blobs.app

@CSSTricks

👌👌👌

#demo

https://codepen.io/lynnandtonic/pen/PoZpjOr


@CSSTricks