🔥🎄 Daily Digest: Figma Plugins, CSS 2025 Wishlist, and Game-Changing Nuxt UI Updates

Daily Issue #102 | Subscribe to DS | Daily Sandbox Pro

Hello Developers!

Explore the best Figma plugins for designers and a CSS wishlist for 2025 that might just redefine the future of web design. Automate object detection with Google Gemini GenAI and Pipedream, and dive into the new CodeQL Community Packs for better code analysis. Learn about Subatomic, the ultimate guide to design tokens, and check out the game-changing Nuxt UI v3 update packed with features and accessibility enhancements.

Tools to Explore:

• Nyxt: An AI-powered browser that works like a second brain for processing documents.

• Wave: Open-source terminal with graphical widget integration.

• openauth: A standards-based auth provider for modern apps (in beta).

• promptr: Use plain English in the CLI to instruct GPT on codebase changes.

• jsontt: AI-powered JSON/YAML translator with free translation modules.

Also, learn how to count occurrences of a character in a string effortlessly!

Dive in and keep coding!

• Best Figma Plugins for Designers.

• A CSS Wishlist for 2025.

• Automating Object Detection with Google Gemini GenAI and Pipedream.

• The new CodeQL Community Packs - a comprehensive set of queries and models designed to enhance your code analysis capabilities.

• Introducing Subatomic: The Complete Guide To Design Tokens.

• Nuxt UI v3: A Major Upgrade Packed with Features, Accessibility, and highly Customizable User Interfaces.

More news here →

Count Occurrences of a Character in a String

The countOccurrences function calculates how many times a specific character appears in a given string by splitting the string and measuring the resulting array's length.

const countOccurrences = (str, char) => str.split(char).length - 1;

console.log(countOccurrences("hello world", "l")); // Output: 3
console.log(countOccurrences("banana", "a"));      // Output: 3
console.log(countOccurrences("mississippi", "s")); // Output: 4

How it works:

1. The split(char) method breaks the string into an array using the specified character as the delimiter.

2. The resulting array's length is the number of pieces the string was split into.

3. Subtracting 1 from the length gives the exact number of occurrences of the character.

Use Cases:

• Text Analysis: Analyze character frequency for linguistic or cryptographic purposes.

• Content Validation: Enforce rules, such as ensuring a specific number of delimiters in CSV lines.

• Search and Replace: Find how many times a character appears before replacing or modifying it.

More code snippets here →

• Nyxt - a browser with deeply integrated AI and semantic document tools that work as a second brain to help you process and understand more, more quickly

• Wave - open-source terminal that adds the ability to launch graphical widgets, controlled and integrated directly with the CLI

• openauth - a standards-based auth provider for web apps, mobile apps, single pages apps, APIs, or 3rd party clients. It is currently in beta.

• promptr - a CLI tool that lets you use plain English to instruct GPT3 or GPT4 to make changes to your codebase

• jsontt - AI JSON Translator with GPT + other FREE translation modules to translate your json/yaml files into other languages

More code libs here →

📣 HELP SPREAD THE WORD 

🚀 Spread the Code! Love what you read? Share the newsletter with your fellow devs - every recommendation helps power up the community.

💻 Sponsor the Dev Journey! Keep the bytes flowing and the newsletter growing by becoming a sponsor. Your support helps maintain this valuable resource.

💬 Tweet the Deets! Share the latest with your code crew - let’s make this viral, not just a bug!

If you have built anything that you’d like to share with the community, get with me on X @dailysandbox_ 😀