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

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

#tool #regex

حالا حتما نیاز نیست متنفر باشید ولی ابزار خوبیه 😊

https://ihateregex.io



اضافه شد به صفحه ابزارهای سایت:

http://css-tricks.ir/tool


@CSSTricks

😄😄👍

#demo

https://codepen.io/oliviale/pen/XWXNKMq

👁🖥👁

@CSSTricks

#tool #slider


https://keen-slider.io/examples

@CSSTricks

#article #css

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


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

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


@CSSTricks

#tool #noscript #shape #generator

https://www.shapedivider.app


به صفحه ابزارها اضافه شد 👇

http://css-tricks.ir/tool


@CSSTricks