This media is not supported in your browser
VIEW IN TELEGRAM
⚡️ یک کار فوق العاده زیبا از @abxlfazl عزیز. 😍کاری که فقط با CSS نوشته شده و توی سبک خودش میشه گفت جزو بهتریناست .
پ.ن: اگر فکر میکنید تسلط بالایی روی CSS دارین، میتونین با انجام این سبک کارا خودتونو محک بزنین.
🔥 لینک کدپن
#CSS #Codepen
https://twitter.com/abxlfazl1/status/1325864305816985600
@frontendtwitter
پ.ن: اگر فکر میکنید تسلط بالایی روی CSS دارین، میتونین با انجام این سبک کارا خودتونو محک بزنین.
🔥 لینک کدپن
#CSS #Codepen
https://twitter.com/abxlfazl1/status/1325864305816985600
@frontendtwitter
⚡️ یه چیز جالب وجود داره و اینه که میتونید از ایموجی ها هم به عنوان سلکتور CSS استفاده کنید
#css #style
https://twitter.com/addyosmani/status/1246724258866139136?s=20
@frontendtwitter
#css #style
https://twitter.com/addyosmani/status/1246724258866139136?s=20
@frontendtwitter
Twitter
Addy Osmani
You can use emoji as CSS selectors! (h/t @notwaldorf)
⚡️ ویدیوی زیبا و مختصر درباره پرسپکتیو ها در css
#css #style
https://twitter.com/i/status/1326916915479142401
@frontendtwitter
#css #style
https://twitter.com/i/status/1326916915479142401
@frontendtwitter
Twitter
CodyHouse
💡 How to create a 3D space in CSS. #codyhousenugget https://t.co/jW3ViQ8Kza
⚡️ یک تریک بسیار باحال برای اینکه پاس دادن یک پارامتر را اجباری کنید، البته با تایپ اسکریپت میشود خیلی راحت تر اینکاررا کرد.
#js #trick #typenoscript
https://twitter.com/SimonHoiberg/status/1327314535540162565/
@frontendtwitter
#js #trick #typenoscript
https://twitter.com/SimonHoiberg/status/1327314535540162565/
@frontendtwitter
Twitter
Simon Høiberg
JavaScript Tip 💡 Make an argument 'required' in JavaScript using this small trick 👇
⚡️ تا حالا میدونستید که میتونید دیستراکچر را برای متغیر های از قبل ساخته شده، انجام دهید؟
#js #trick
https://twitter.com/SimonHoiberg/status/1327662075443810312
@frontendtwitter
#js #trick
https://twitter.com/SimonHoiberg/status/1327662075443810312
@frontendtwitter
Twitter
Simon Høiberg
JavaScript Tip 💡 Destructure an object into existing variables 👇
⚡️ یک گیم خیلی زیبا که با threejs و react-three-fiber ساخته شده. تازه سورس ان را هم میتوانید نگاه کنید و نحوه کار این دوتا ابزار رو مشاهده کنید.
#js #showcase #3d
https://twitter.com/i/status/1326144999533244416
@frontendtwitter
#js #showcase #3d
https://twitter.com/i/status/1326144999533244416
@frontendtwitter
Twitter
Paul Henschel
warmed up the old space demo, bringing dependencies up to date, but also gave it better grading and some retro feel. i wish there was a way to run this on pico8, would actually consider making this a real game. 🤔 https://t.co/a3xjMX2ui4 https://t.co/26f4rJUnrr
⚡️ یک کدپن دیگر و زیبا که نوع کاستومایزیشن خیلی زیبایی دارد و میتوان کلی نکته اموزشی در دل آن پیدا کرد.
#codepen #art
https://twitter.com/i/status/1091462734456201221
@frontendtwitter
#codepen #art
https://twitter.com/i/status/1091462734456201221
@frontendtwitter
Twitter
CodePen.IO
"CSS LEGO Minifigure Maker" by Josh Bader https://t.co/BqoY00RPzu https://t.co/VFvni9ch4w
⚡️ یکی از متود های ناشناخته دیگر console که متود خیلی خفنی برای دیباگینگ به شمار می آید و خیلی ها را از شر if های دیباگینگ خلاص میکند.
#codepen #art
https://twitter.com/SimonHoiberg/status/1326575163723419648
@frontendtwitter
#codepen #art
https://twitter.com/SimonHoiberg/status/1326575163723419648
@frontendtwitter
Twitter
Simon Høiberg
JavaScript Tip 💡 Are you using the console functions optimally? For instance, did you know about console.assert()? 👇
⚡️ نوع کش جدیدی که قرار است به کروم اضافه شود که UX را بهبود میدهد و سرعت نویگیشن را بیشتر میکند، البته این قابلیت سال هاست که به فایرفاکس و سافاری اضافه شده.
#chrome #feature
https://twitter.com/i/status/1329703528512720904
@frontendtwitter
#chrome #feature
https://twitter.com/i/status/1329703528512720904
@frontendtwitter
Twitter
Addy Osmani
Introducing Back/Forward Cache to Chrome: https://t.co/fUxbQWQmKp. Instant back & forward navigations with a deep-dive by @philwalton: https://t.co/3bYNHswLNn https://t.co/xgrYXikPTJ
⚡️ میدونستید که میتونید استایل به لاگ هاتون بدید، البته برای بعضی مرورگرها این فیچر هنوز پیاده نشده است.
#chrome #feature
https://twitter.com/denicmarko/status/1329016856745824263
@frontendtwitter
#chrome #feature
https://twitter.com/denicmarko/status/1329016856745824263
@frontendtwitter
Twitter
Marko ⚡ Denic
JavaScript tip: Did you know that the `console.log` output can be styled in DevTools using the CSS format specifier:
⚡️ اگر خواستید کسی به آرایه شما تغییری وارد نکند، در تایپ اسکریپت میتوانید با اضافه کردن یک readonly، از آن تغییرات جلوگیری کنید.
#typenoscript #tip
https://twitter.com/i/status/1330890655351123968
@frontendtwitter
#typenoscript #tip
https://twitter.com/i/status/1330890655351123968
@frontendtwitter
Twitter
StackBlitz
💡 TypeScript tip (8): If you want to make sure no-one mutates your array, make it `readonly`: https://t.co/QCeIcTC7zD
⚡️ یک مثال خیلی خوب برای اینکه یاد بگیریم که کی و برای چه از Array.from استفاده کنیم.
#javanoscript #tip
https://twitter.com/2235penton/status/1332175697461325826
@frontendtwitter
#javanoscript #tip
https://twitter.com/2235penton/status/1332175697461325826
@frontendtwitter
Twitter
abelpenton ⚛️ 💻
#js Tips Array.from method #javanoscript #CodeNewbies #100DaysOfCode @YDKJS
⚡️ به راحتی با چند کلیک، میتوانید از پیشنهاد های کروم برای رنگ و کنتراست به این شیوه بهره مند بشوید.
#chrome #style #css
https://twitter.com/i/status/1332232692377784321
@frontendtwitter
#chrome #style #css
https://twitter.com/i/status/1332232692377784321
@frontendtwitter
X (formerly Twitter)
Addy Osmani (@addyosmani) on X
In a few clicks, @ChromeDevTools can now suggest & apply more accessible colors for low color contrast text. Love using this.
⚡️ کدپن جالب و خلاقانه ای که قرار نیست به انتخاب شما عمل کند.
#codepen #animation #greensock
https://twitter.com/i/status/1330235242381193226
@frontendtwitter
#codepen #animation #greensock
https://twitter.com/i/status/1330235242381193226
@frontendtwitter
Twitter
Jhey 🐻🛠
"The Impossible Light Bulb 💡🐻" Don't waste energy! 😅 ⚒️ @greensock 👉 https://t.co/7WwDiZYUb5 via @CodePen https://t.co/9z7RpeaU3S
⚡️ اپشنال چینینگ را حتی میتوانید در کال کردن فانکشن ها استفاده کنید و نیازی به چک کردن فانکشن ها نخواهد بود.
#tip #js
https://twitter.com/SimonHoiberg/status/1333384252520615938
@frontendtwitter
#tip #js
https://twitter.com/SimonHoiberg/status/1333384252520615938
@frontendtwitter
X (formerly Twitter)
Simon Høiberg on X
JavaScript Tip 💡
You can use optional chaining on function calls as well.
No need to do unnecessary null-checks anymore 😎
You can use optional chaining on function calls as well.
No need to do unnecessary null-checks anymore 😎
⚡️ اورفلویی که حتی اسکرول خود جاواسکریپت را غیرفعال میکند.
#css #tip
https://twitter.com/argyleink/status/1333832300132401152
@frontendtwitter
#css #tip
https://twitter.com/argyleink/status/1333832300132401152
@frontendtwitter
X (formerly Twitter)
Adam Argyle (@argyleink) on X
Coming soon to a Chromium near you:
`overflow: clip` 🎉
hide overflow && prevent programmatic scroll
Spec https://t.co/YvBN5xLvZ6
`overflow: clip` 🎉
hide overflow && prevent programmatic scroll
Spec https://t.co/YvBN5xLvZ6
⚡️ روش پیاده سازی یک بیلدر که بعد از هر تغییری اینستنس خود را برمیگرداند که میتوان تغییرات را ادامه دار کرد و همان متود های بیلدر را نگه داشت.
#javanoscript #tip
https://twitter.com/SimonHoiberg/status/1334205916204429318
@frontendtwitter
#javanoscript #tip
https://twitter.com/SimonHoiberg/status/1334205916204429318
@frontendtwitter
Twitter
Simon Høiberg
JavaScript Tip 💡 Implement a simple Builder Pattern in JavaScript 👇
⚡️ روش های زیادی رو دیدیم برای اینکه ترتیب یک لیست را ریورس کنیم، ولی یکی از روش های جالب دیگه، استفاده از این اتریبیوت جالبه!
#html #tip
https://twitter.com/denicmarko/status/1334757918584020992
@frontendtwitter
#html #tip
https://twitter.com/denicmarko/status/1334757918584020992
@frontendtwitter
Twitter
Marko ⚡ Denic
HTML tip: You can use the `reverse` attribute to set the list’s (`<ol>`) items in reverse order. Items will be numbered from high to low.
⚡️ چندتا راه باحال برای اینکه falsy value ها رو از یک آرایه حذف کنید!
#js #tip
https://twitter.com/iamn1khil/status/1333605622529441792
@frontendtwitter
#js #tip
https://twitter.com/iamn1khil/status/1333605622529441792
@frontendtwitter
Twitter
Nikhil 🚀☕
JavaScript tip: 2 ways to remove falsy values from an array #CodeNewbie #100DaysOfCode #javanoscript #DEVCommunity