Development
Effects
CSS text-wrap: pretty - Chrome for Developers
Opt-in optimized text wrapping, for beauty over speed.
Frontend
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
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
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
CSS
Vite Plugin Web Extension
Modern Chrome Extension Development
Web Extension
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
DBtypebox
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
Node.js
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.
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...
Nitro - Create web servers that run anywhere.
Nitro is an open source TypeScript framework to build ultra-fast web servers. The open engine powering Nuxt and open to everyone.
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"
Kotlin
NextUI - Beautiful, fast and modern React UI Library
Beautiful, fast and modern React UI Library
React
React Aria
A library of React Hooks that provides accessible UI primitives for your design system.
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...
Scroll-driven Animations: Shadow on header after scroll (Scroll-Timeline)
Modern Android App Architecture | Android Developers
Learn about best practices and recommended Architecture for building robust, production-quality apps.
coil-kt/coil: Image loading for Android backed by Kotlin Coroutines.
Image loading for Android backed by Kotlin Coroutines. - coil-kt/coil: Image loading for Android backed by Kotlin Coroutines.
Latest Jetpack Compose Version and dependencies
The latest version of Jetpack Compose is 1.6.0-alpha02. Find a list of dependencies and add them to your project.
Composables UI – Components & Screens for Jetpack Compose
Save time and money building beautiful mobile apps with professionally crafted UI Components for Jetpack Compose
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.
AWS
31 AI Prompts better than “Rewrite”
Ditch “rewrite” and improve your AI content immediately
AI
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.
Building a magical AI-powered semantic search from scratch - Maxime Heckel's Blog
An end-to-end walkthrough on how to build a semantic search from your own MDX or Markdown based content using Postgres vector similarity search and OpenAI's text embeddings and chat completion APIs.
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.
ElasticSearchserverless-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.