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


https://codepen.io/amirsa/pen/JjdBbOE


#demo

@CSSTricks

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


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



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


#article #filter #shadow

@CSSTricks

https://the-field.akaru.fr


#inspiration #webgl

@CSSTricks

👁🖥👁

https://codepen.io/milanraring/full/QWbqBGo

#checklist #checkbox #animation

@CSSTricks

https://uppload.js.org


#tool #uploader

@CSSTricks

https://fwa100.jam3.com



#inspiration

@CSSTricks

با این پلاگین خیلی کارای جالبی میشه کرد:




https://marketplace.visualstudio.com/items?itemName=vsls-contrib.codetour


#vscode

@CSSTricks

#css #library

اینطور کتابخونه‌ها برای سریع پروتوتایپ کردن خیلی خوبن و ...

https://andybrewer.github.io/mvp

@CSSTricks

#tool #ai

https://www.unscreen.com

درکنار remove.bg برید حالشو ببرید

@CSSTricks

#cheatsheet #bem

برگه تقلب BEM

مثال زیاد داره و برای یادگیری خیلی خوبه

شاید نیاز به قندشکن داشته باشید


https://9elements.com/bem-cheat-sheet

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

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


@CSSTricks

#tool #generator

https://cssbuilder.veliovgroup.com


@CSSTricks

#css #library #windows

https://jdan.github.io/98.css


https://github.com/jdan/98.css

@CSSTricks

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

کامپوننت جدول قیمت (آماده برای استفاده)

Download: css-tricks.ir/?p=8500

Github: github.com/seyedi/pricing-table


#css #pricingtable

@CSSTricks

#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