Found 36 bookmarks
Newest
X'te Manu Arora: "font-smoothing fixes heavier, chunky text on dark backgrounds with tailwind, just add the `๐šŠ๐š—๐š๐š’๐šŠ๐š•๐š’๐šŠ๐šœ๐šŽ๐š` class or use plain css .๐šŠ๐š—๐š๐š’๐šŠ๐š•๐š’๐šŠ๐šœ๐šŽ๐š { -๐š ๐šŽ๐š‹๐š”๐š’๐š-๐š๐š˜๐š—๐š-๐šœ๐š–๐š˜๐š˜๐š๐š‘๐š’๐š—๐š: ๐šŠ๐š—๐š๐š’๐šŠ๐š•๐š’๐šŠ๐šœ๐šŽ๐š; https://t.co/dYVaCDvSfi" / X
X'te Manu Arora: "font-smoothing fixes heavier, chunky text on dark backgrounds with tailwind, just add the `๐šŠ๐š—๐š๐š’๐šŠ๐š•๐š’๐šŠ๐šœ๐šŽ๐š` class or use plain css .๐šŠ๐š—๐š๐š’๐šŠ๐š•๐š’๐šŠ๐šœ๐šŽ๐š { -๐š ๐šŽ๐š‹๐š”๐š’๐š-๐š๐š˜๐š—๐š-๐šœ๐š–๐š˜๐š˜๐š๐š‘๐š’๐š—๐š: ๐šŠ๐š—๐š๐š’๐šŠ๐š•๐š’๐šŠ๐šœ๐šŽ๐š; https://t.co/dYVaCDvSfi" / X
X'te Manu Arora: "font-smoothing fixes heavier, chunky text on dark backgrounds with tailwind, just add the `๐šŠ๐š—๐š๐š’๐šŠ๐š•๐š’๐šŠ๐šœ๐šŽ๐š` class or use plain css .๐šŠ๐š—๐š๐š’๐šŠ๐š•๐š’๐šŠ๐šœ๐šŽ๐š { -๐š ๐šŽ๐š‹๐š”๐š’๐š-๐š๐š˜๐š—๐š-๐šœ๐š–๐š˜๐š˜๐š๐š‘๐š’๐š—๐š: ๐šŠ๐š—๐š๐š’๐šŠ๐š•๐š’๐šŠ๐šœ๐šŽ๐š; https://t.co/dYVaCDvSfi" / X
X'te Gabriel: "Design Engineering Tip Consider letting textareas grow with the content instead of introducing nested scrolling. It often creates a smoother writing experience and keeps forms easier to scan. CSS: textarea { field-sizing: content; } https://t.co/MZPOnNEaLt" / X
X'te Gabriel: "Design Engineering Tip Consider letting textareas grow with the content instead of introducing nested scrolling. It often creates a smoother writing experience and keeps forms easier to scan. CSS: textarea { field-sizing: content; } https://t.co/MZPOnNEaLt" / X
X'te Gabriel: "Design Engineering Tip Consider letting textareas grow with the content instead of introducing nested scrolling. It often creates a smoother writing experience and keeps forms easier to scan. CSS: textarea { field-sizing: content; } https://t.co/MZPOnNEaLt" / X
X'te jhey ส•โ€ขแดฅโ€ขส”: "if youโ€™re dynamically masking a scroll container with css, consider leaving room for the scrollbar instead of masking it too ๐Ÿง‘โ€๐Ÿณ mask-repeat: no-repeat; mask-size: calc(100% - 10px) 100px; https://t.co/WYQk4gRJ69" / X
X'te jhey ส•โ€ขแดฅโ€ขส”: "if youโ€™re dynamically masking a scroll container with css, consider leaving room for the scrollbar instead of masking it too ๐Ÿง‘โ€๐Ÿณ mask-repeat: no-repeat; mask-size: calc(100% - 10px) 100px; https://t.co/WYQk4gRJ69" / X
X'te jhey ส•โ€ขแดฅโ€ขส”: "if youโ€™re dynamically masking a scroll container with css, consider leaving room for the scrollbar instead of masking it too ๐Ÿง‘โ€๐Ÿณ mask-repeat: no-repeat; mask-size: calc(100% - 10px) 100px; https://t.co/WYQk4gRJ69" / X
X'te Emil Kowalski: "Based on the feedback on the https://t.co/RP4FIdUrS8 skill file, itโ€™s clear that skills are a great fit for educational content. You learn by going through the course, and once youโ€™re done, the skill keeps the lessons with you as you build. Hereโ€™s another snippet from it: https://t.co/ULeG4mPQ0m" / X
X'te Emil Kowalski: "Based on the feedback on the https://t.co/RP4FIdUrS8 skill file, itโ€™s clear that skills are a great fit for educational content. You learn by going through the course, and once youโ€™re done, the skill keeps the lessons with you as you build. Hereโ€™s another snippet from it: https://t.co/ULeG4mPQ0m" / X
X'te Emil Kowalski: "Based on the feedback on the https://t.co/RP4FIdUrS8 skill file, itโ€™s clear that skills are a great fit for educational content. You learn by going through the course, and once youโ€™re done, the skill keeps the lessons with you as you build. Hereโ€™s another snippet from it: https://t.co/ULeG4mPQ0m" / X
X'te Josef Bender: "I just wanted to share a really useful function if you're using @tan_stack Start with @supabase . This is for those who are using client-side authentication, but want to authenticate the users on the server (e.g. for server function). The following is a middleware that checks https://t.co/FvVZH3m7jL" / X
X'te Josef Bender: "I just wanted to share a really useful function if you're using @tan_stack Start with @supabase . This is for those who are using client-side authentication, but want to authenticate the users on the server (e.g. for server function). The following is a middleware that checks https://t.co/FvVZH3m7jL" / X
X'te Josef Bender: "I just wanted to share a really useful function if you're using @tan_stack Start with @supabase . This is for those who are using client-side authentication, but want to authenticate the users on the server (e.g. for server function). The following is a middleware that checks https://t.co/FvVZH3m7jL" / X
X'te Emil Kowalski: "Artificially delaying writes like form submissions can give your users more confidence that their changes went through. It gets annoying in high-frequency apps like Linear, but it feels better than an optimistic update during occasional submissions like a contact form. https://t.co/BQ1YuwpsPq" / X
X'te Emil Kowalski: "Artificially delaying writes like form submissions can give your users more confidence that their changes went through. It gets annoying in high-frequency apps like Linear, but it feels better than an optimistic update during occasional submissions like a contact form. https://t.co/BQ1YuwpsPq" / X
X'te Emil Kowalski: "Artificially delaying writes like form submissions can give your users more confidence that their changes went through. It gets annoying in high-frequency apps like Linear, but it feels better than an optimistic update during occasional submissions like a contact form. https://t.co/BQ1YuwpsPq" / X
(1) X'te Emil Kowalski: "A way to make your interface feel faster is to use `ease-out` easing for enter and exit animations. This curve accelerates at the beginning, which feels more snappy than `ease-in` which does the opposite. Here's `ease-out` vs `ease-in`with the same duration + curve comparison: https://t.co/IicGRB9t1R" / X
(1) X'te Emil Kowalski: "A way to make your interface feel faster is to use `ease-out` easing for enter and exit animations. This curve accelerates at the beginning, which feels more snappy than `ease-in` which does the opposite. Here's `ease-out` vs `ease-in`with the same duration + curve comparison: https://t.co/IicGRB9t1R" / X
(1) X'te Emil Kowalski: "A way to make your interface feel faster is to use `ease-out` easing for enter and exit animations. This curve accelerates at the beginning, which feels more snappy than `ease-in` which does the opposite. Here's `ease-out` vs `ease-in`with the same duration + curve comparison: https://t.co/IicGRB9t1R" / X
X'te Zafer Ayan: "NextJS prefetcing รถvme saati. <Link/> componenti kendi iรงinde IntersectionObserver barฤฑndฤฑrฤฑyor ve gรถrsel ekrana girdiฤŸi anda linkin gideceฤŸi sayfayฤฑ compile edip client tarafa stream ediyor. Bรถylece link client cache'e yazฤฑlฤฑyor ve ฤฑลŸฤฑk hฤฑzฤฑnda รงalฤฑลŸฤฑyor. https://t.co/r1r3rssQe6" / X
X'te Zafer Ayan: "NextJS prefetcing รถvme saati. <Link/> componenti kendi iรงinde IntersectionObserver barฤฑndฤฑrฤฑyor ve gรถrsel ekrana girdiฤŸi anda linkin gideceฤŸi sayfayฤฑ compile edip client tarafa stream ediyor. Bรถylece link client cache'e yazฤฑlฤฑyor ve ฤฑลŸฤฑk hฤฑzฤฑnda รงalฤฑลŸฤฑyor. https://t.co/r1r3rssQe6" / X
X'te Zafer Ayan: "NextJS prefetcing รถvme saati. <Link/> componenti kendi iรงinde IntersectionObserver barฤฑndฤฑrฤฑyor ve gรถrsel ekrana girdiฤŸi anda linkin gideceฤŸi sayfayฤฑ compile edip client tarafa stream ediyor. Bรถylece link client cache'e yazฤฑlฤฑyor ve ฤฑลŸฤฑk hฤฑzฤฑnda รงalฤฑลŸฤฑyor. https://t.co/r1r3rssQe6" / X
(1) X'te shadcn: "I use `ianvs/prettier-plugin-sort-imports` by @IanVanSchooten for sorting imports. โ—† React is always first. โ—† Followed by Next.js official packages: next/image, link..etc โ—† Then third party imports. โ—† Blank line โ—† Local imports in the order: types, config, lib, components. https://t.co/IMnTit4bp7" / X
(1) X'te shadcn: "I use `ianvs/prettier-plugin-sort-imports` by @IanVanSchooten for sorting imports. โ—† React is always first. โ—† Followed by Next.js official packages: next/image, link..etc โ—† Then third party imports. โ—† Blank line โ—† Local imports in the order: types, config, lib, components. https://t.co/IMnTit4bp7" / X
(1) X'te shadcn: "I use `ianvs/prettier-plugin-sort-imports` by @IanVanSchooten for sorting imports. โ—† React is always first. โ—† Followed by Next.js official packages: next/image, link..etc โ—† Then third party imports. โ—† Blank line โ—† Local imports in the order: types, config, lib, components. https://t.co/IMnTit4bp7" / X
#CSS scroll-state() container queries in Chrome 133!@container scroll-state(stuck: top) { โ€ฆ } Read all about snapped, stuck and scrollable in this post:https://t.co/R5zjp18Ly1 โ†ช https://t.co/TbOYDIJMRa pic.twitter.com/8jQmePG5b6โ€” Adam Argyle (@argyleink) January 15, 2025
#CSS scroll-state() container queries in Chrome 133!@container scroll-state(stuck: top) { โ€ฆ } Read all about snapped, stuck and scrollable in this post:https://t.co/R5zjp18Ly1 โ†ช https://t.co/TbOYDIJMRa pic.twitter.com/8jQmePG5b6โ€” Adam Argyle (@argyleink) January 15, 2025
#CSS scroll-state() container queries in Chrome 133!@container scroll-state(stuck: top) { โ€ฆ } Read all about snapped, stuck and scrollable in this post:https://t.co/R5zjp18Ly1 โ†ช https://t.co/TbOYDIJMRa pic.twitter.com/8jQmePG5b6โ€” Adam Argyle (@argyleink) January 15, 2025