Tweet

Tweet

36 bookmarks
Custom sorting
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