#tool

https://glassmorphism.com


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

و جالبتر اینکه ما هم به اشتراکش میذاریم

و باز جالبتر اینکه چه کارهایی می‌تونستیم تا الان بکنیم و نکردیم 😅


حالا خارج از این‌ها، یک نصیحت بچگانه بکنم:

دموی یک کار خییییلییی مهم‌تر از اون چیزیه ک امثال من بهش فک میکنن.

وقتی یک زحمت چند روزه، چند ماهه و حتی چند ساله‌ای و یا حتی چند قرنه 😁 ای انجام میدین، حتما حتما خیلی زمان بذارین روی دموی اون کار و یا حتی بدین یک عده کار بلد طراحی کنن واستون...

بماند، حرف زیاده فک کنم باید یک پست بنویسم 🤔

⚠️ جدیدا ایمیل‌هایی ک من زدم اسپم شده مواردیش

✅ کسایی ک ایمیلی چیزی زدن، اسپم‌هاشون رو چک کنن واسه دریافت جواب.

باتشکرات

امروز فردا پست اسفند رو منتشر می‌کنیم روی سایت

نکته مهمش اینه که یکی از بچه‌های خودمون نوشته 🤩

خوووبم نوشته 👍

📣 پست جدید 🎉


#article #image #gallery

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

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


@CSSTricks

اعتراف کنید با اینکه طراحی بلد نیستم این خیلی خوب شد 😌

زود اعتراف کنین تا اعتماد به نفس کاذبم نپریده 😁

الان که دارم بهش از دور نگاه میکنم می بینم قصد این پست استفاده نکردن از js بوده ولی این پوستر با سایزی که js داده داره برعکس عمل میکنه 🧐

دیدین چی زود پروندمش 😅

Mo ⚪️ ⚪️ ⚪️ ⚪️ ⚪️

Tu ⚪️ ⚪️ ⚪️ ⚪️ ⚪️

We ⚪️ ⚪️ ⚪️ ⚪️ ⚪️

Th ⚪️ ⚪️ ⚪️ ⚪️ ⚪️

Fr ⚪️ ⚪️ ⚪️ ⚪️ ⚪️

Sa ⚪️ ⚪️ ⚪️ ⚪️ ⚪️

Su ⚪️ ⚪️ ⚪️ ⚪️ ⚪️


🟢 Good job

🟡 You can do it better

🔴 Maybe next time

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

اولین روز ماه میلادی هم هست شاید انگیزه‌ای ایجاد شد براتون، برای ارزیابی عملکردتون سر یک موضوعی.

هر روز ادیتش می‌کنیم، ته ماه هم نگاه میکنیم و نتیجه میگیریم

اگر دوست داشتین توی گروه آخر ماه بذارین ببینیم چه کردین با خودتون 😁

یَک چیز خفن آوردم براتون 😎



https://www.noscriptrepo.com


یادم باشه به لینک‌های زیر هم اضافه کنم:

css-tricks.ir

css-tricks.ir/?p=8716


#tool #icon #noscript

@CSSTricks

Animated Tab Bar v.2

https://codepen.io/abxlfazl/full/OJbEbxL
https://twitter.com/abxlfazl1/status/1367044377319780358?s=19

#tool #noscript #wave #generator

https://www.noscriptwaves.io

موجود در:

css-tricks.ir/tool


@CSSTricks

#demo #polygon #generator

https://codepen.io/toshiya-marukubo/pen/wvzdjQq


@CSSTricks

#tool #css #syntax

خیلی باحاله این

http://apps.workflower.fi/vocabs/css/en

آخر این پست هم گذاشتم:


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


بهتر دارین بیارین


@CSSTricks

هنوز ویدیو ضبط نشده پوسترش در اومد!

اینم از کار کردن ما 🤦🏻‍♂️

#video

کل این تکنیک توضیحش 1 دقیقه طول میکشه من نمی‌دونم دقیقا 20 دقیقه دارم چی میگم 😅

ویدیو و مطلب:
https://css-tricks.ir/?p=9052

دمو:
https://codepen.io/seyedi/full/zYoeLEv


@CSSTricks

آقا من از این آزمون سربلند و با کلاه بیرون اومدم

توی این سه ماه:

✅ 3 تا مقاله رفت روی سایت
✅ 3 تا ویدیو درست شد
✅ 3 تا مطلب رفت روی بلاگ

کم و کسری بود دیگه به بزرگی خودتون ببخشین :)

من به یک خواب بهاری احتمالا میرم که بعدش با دست پر بیام!

البته هستیم خدمتتون، منظورم روال بالاست که فعلا دیگه اون نظم رو نخواهد داشت.

سلام به همگی

سال نو بر شما مبارک.

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

#tool #transition


https://www.transition.style


@CSSTricks

#article #js #animation #transition


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

@CSSTricks