Development

Development

333 bookmarks
Custom sorting
font-variant: tabular-nums
font-variant: tabular-nums
Reminder 📢If you're animating numbers, use this line of CSS 👇.numbers { font-variant: tabular-nums;}It will make sure your numbers don't jump around like this example seen in the wild 🤙 pic.twitter.com/vBt7YpMmzT— jhey ▲🐻🎈 (@jh3yy) October 20, 2023
·x.com·
font-variant: tabular-nums
touch-action - CSS: Cascading Style Sheets | MDN
touch-action - CSS: Cascading Style Sheets | MDN
The touch-action CSS property sets how an element's region can be manipulated by a touchscreen user (for example, by zooming features built into the browser).
Disabling double-tap to zoom removes the need for browsers to delay the generation of click events when the user taps the screen
·developer.mozilla.org·
touch-action - CSS: Cascading Style Sheets | MDN
Gradient borders by using transparent borders
Gradient borders by using transparent borders
CSS Trick! ⚡️You can create gradient borders by using transparent borders 👀 No extra elements 🤙article { background: // layer them up with different origin! linear-gradient(var(--bg), var(--bg)) padding-box, var(--gradient) border-box; border: 4px solid… pic.twitter.com/zqkkjwFbgt— jhey ▲🐻🎈 (@jh3yy) October 13, 2023
·x.com·
Gradient borders by using transparent borders
resizable panel UI
resizable panel UI
CSS Trick ⭐️You can create a resizable panel UI with CSS alone by leaning into resize and display:grid 👀.panels{ display: grid; grid-template-columns: auto 1fr; 👈 }.resizer{ max-width: 100cqi; overflow: hidden; resize: horizontal; 👈}Putting a resizable… pic.twitter.com/vCghbKa9ZD— jhey 🔨🐻✨ (@jh3yy) September 28, 2023
·x.com·
resizable panel UI
Typesense
Typesense
Lightning-fast, open source search engine for everyone
·typesense.org·
Typesense
typebox
typebox
Json Schema Type Builder with Static Type Resolution for TypeScript - sinclairzx81/typebox: Json Schema Type Builder with Static Type Resolution for TypeScript
Json Schema Type Builder with Static Type Resolution for TypeScript
·github.com·
typebox
Hono - Ultrafast web framework for the Edges
Hono - Ultrafast web framework for the Edges
Hono is a small, simple, and ultrafast web framework for the Edges. It works on Cloudflare Workers, Fastly Compute@Edge, Deno, Bun, Vercel, Netlify, Lagon, AWS Lambda, Lambda@Edge, and Node.js. Fast, but not only fast.
·hono.dev·
Hono - Ultrafast web framework for the Edges
Bun is disrupting JavaScript land
Bun is disrupting JavaScript land
Let's take a first look at Bun 1.0 - the worlds fastest JavaScript runtime. Find out how Bun compares to Node.js and Deno. #webdevelopment #javascript #theco...
·youtube.com·
Bun is disrupting JavaScript land
How to install Google Play Market on tablet - Android emulator?
How to install Google Play Market on tablet - Android emulator?
If I add a new emulator image of a phone, I can select an image with Play Store. But when I try to add an image for a tablet, no option for Play Market is shown. Also, after installing any API, I ...
You should create a new emulator, before opening it for the first time follow these 3 easy steps: 1- In the AVD Manger go in the Actions overflow menu of the newly created emulator and click on "show on disk". Open "config.ini" with a text editor. 2- change "PlayStore.enabled=false" to "PlayStore.enabled=true" 3- change "image.sysdir.1 = system-images\android-30\google_apis\x86" to "image.sysdir.1 = system-images\android-30\google_apis_playstore\x86"
·stackoverflow.com·
How to install Google Play Market on tablet - Android emulator?
React Aria
React Aria
A library of React Hooks that provides accessible UI primitives for your design system.
·react-spectrum.adobe.com·
React Aria
GitHub - pacocoursey/next-themes: Perfect Next.js dark mode in 2 lines of code. Support System preference and any other theme with no flashing
GitHub - pacocoursey/next-themes: Perfect Next.js dark mode in 2 lines of code. Support System preference and any other theme with no flashing
Perfect Next.js dark mode in 2 lines of code. Support System preference and any other theme with no flashing - GitHub - pacocoursey/next-themes: Perfect Next.js dark mode in 2 lines of code. Suppor...
·github.com·
GitHub - pacocoursey/next-themes: Perfect Next.js dark mode in 2 lines of code. Support System preference and any other theme with no flashing
Antimetal | Save up to 75% on AWS
Antimetal | Save up to 75% on AWS
Making cloud savings automated, effortless, and risk-free. Start saving in 2 minutes, no code or engineering required.
·antimetal.com·
Antimetal | Save up to 75% on AWS
Modern CSS For Dynamic Component-Based Architecture | Modern CSS Solutions
Modern CSS For Dynamic Component-Based Architecture | Modern CSS Solutions
Explore modern project architecture, theming, responsive layouts, and component design. Learn to improve code organization, dig into layout techniques, and review real-world, context-aware components that use cutting-edge CSS techniques.
·moderncss.dev·
Modern CSS For Dynamic Component-Based Architecture | Modern CSS Solutions
CSS only floating labels
CSS only floating labels
We can detect if text input has value by using `:placeholder-shown` pseudo class. This little trick can then be used to create CSS only floating labels.
·muffinman.io·
CSS only floating labels
serverless-stack/sst
serverless-stack/sst
💥 SST makes it easy to build full-stack serverless apps. - serverless-stack/sst: 💥 SST makes it easy to build full-stack serverless apps.
·github.com·
serverless-stack/sst