tutorial - CybAI news

02 Dec

Creating a Scroll Grid

stp2y0 CommentsNewscoding, community, css, development, engineering, inclusive, javascript, software, tutorial, webdev

The other day I noticed the similarities between Tailscale and MUBI — not the companies, of course, but their logos! It also reminded me of a position control I once created. Subconsciously, this must have triggered something, because I woke up today wanting to code a “Scroll Grid.” So, what is a scroll grid? It’s a scrollable grid in multiple directions, aided with a “scroll spy,” which looks a bit like MUBI’s and Tailscale’s logos: Enough talking. Let’s code! Progressive Enhancement Progressive enhancement is a design philosophy that ensures basic functionality works for everyone while adding advanced features for those…

30 Nov

PostgreSQL Full Text Search Rank by Position

stp2y0 CommentsNewscoding, community, development, engineering, inclusive, postgressql, software, tutorial

Recently, I encountered a problem with full-text search. I am using this feature in my search input, where the backend sends hints of possible matches as you type. The backend database is PostgreSQL. I needed the hints to be ranked by the position of the searched term in the text. Full Text Search in PostgreSQL Full-text search in PostgreSQL can be achieved quite easily. There are two main tools to use: tsvector - represents a searchable document. tsquery - represents the search query to perform against a document. Let’s say we want to search the titles of our blog posts.…

29 Nov

A Tale of WeakMap and WeakSet in JavaScript: The Guardians of Forgotten Secrets

stp2y0 CommentsNewsbeginners, coding, community, development, engineering, inclusive, javascript, software, tutorial, webdev

Once upon a time in the mystical land of JavaScript, two special data structures lived quietly in the shadows: WeakMap and WeakSet. They weren’t as flashy as their cousins, Map and Set, but they had a secret power that made them irreplaceable in the magical realm of memory management. The Story Begins: The Problem of Forgotten Secrets There was a wise old wizard named Dev, who often worked on large magical projects. He had a common problem: whenever he stored objects in a Map or Set, those objects stayed forever, like guests who wouldn’t leave a party. Even if they…

29 Nov

Self-Aligning Satellite Dish in Rust: Final

stp2y0 CommentsNewscoding, community, development, embedded, engineering, inclusive, programming, rust, software, tutorial

In this part, we'll be largely tying up loose ends in the application logic. Table of contents Requirements 1 x Raspberry Pico board 1 x USB Cable type 2.0 1 x HC-05 Bluetooth module 1 x HMC5833L Compass Module 40 x M-M Jumper Wires 2 x Mini Breadboards 2 x SG90 Servo Motor 1 x PTZ Kit 1 x GPS Module 2 x Relay modules 2 x 4.2V Li-ion Batteries 1 x DC-DC Step-down Converter 1 x Diode Implementation Connections The electrical connections will be the same as from the last part. The magnetometer should now be mounted on the…

27 Nov

Understanding How Spaces Are Encoded: %20 with encodeURI vs. + with URL

stp2y0 CommentsNewscoding, community, development, engineering, frontend, inclusive, javascript, software, tutorial, webdev

You can encode a query string either using either encodeURI or URL. Recently, I noticed that URL encodes spaces differently. I will dicuss why they handle encoding in distinct ways. Before diving into the topic, I will show you how to encode using each method. // 'https://www.google.com/search?q=programming%20language' encodeURI('https://www.google.com/search?q=programming language') Enter fullscreen mode Exit fullscreen mode You can encode a URI using the encodeURI function. However,. it doesn't encode a part of characters that are valid parts of a URI, so that you might need to use the encodeURIComponent function to properly encode query strings or the other components in the…

26 Nov

Mastering the Cloud: A Comprehensive Guide to Virtual Private Clouds (VPC) and Their Benefits

stp2y0 CommentsNewsbeginners, coding, community, development, engineering, inclusive, network, software, tutorial, webdev

A Virtual Private Cloud (VPC) enables users to deploy a logically isolated section of the cloud, which simulates a traditional on-premises network. Within this isolated environment, users can launch and manage resources like virtual machines, databases, and storage solutions. VPCs provide granular control over network configuration, security, and routing. Let’s go into more technical detail on how to set up a VPC, the advantages of using it, and a practical example of its usage. How to Set Up a VPC Using Hostman Setting up a VPC on Hostman involves the following key steps: 1. Create a New VPC Login: First,…

24 Nov

Tailwind v4 is here! Learn how to upgrade your current project and explore the new features with Flowbite

stp2y0 CommentsNewscoding, community, development, engineering, flowbite, inclusive, software, tailwindcss, tutorial, webdev

A few days ago the developers from Tailwind officially announced the v4-beta which means that you can now officially start playing around with the new version of Tailwind which brings a couple of new features, better performance, and a small switch of the CSS-in-JS paradigm to native CSS layers and variables. But don't worry, Tailwind is still Tailwind and all of the utility classes that we all love will still work and the way you work with them remains unchanged – configuration of colors, fonts and other theme related settings will now be recommended to be added as CSS variables…

23 Nov

Online SQL Editors: Exploring Window Functions in MySQL and Their Practical Applications

stp2y0 CommentsNewscoding, community, development, engineering, inclusive, software, sql, sqlcompiler, sqlserver, tutorial

Window functions in SQL are among the most powerful tools for working with complex datasets. They allow developers to calculate values across a group of rows related to the current row. With the rise of online SQL editors, these functions have become easier to explore and implement, offering a hands-on approach to mastering SQL. Whether you're working with an online SQL compiler or a code editor, window functions can simplify your queries significantly. In this guide, we’ll dive deep into window functions, demonstrate their capabilities, and show you how to experiment with them using an online SQL editor. This article…

22 Nov

The 10 Top-Rated Talks at NODES 2024

stp2y0 CommentsNewsai, coding, community, development, engineering, inclusive, knowledgegraphs, rag, software, tutorial

We did it! A huge thank you to everyone who turned NODES 2024 into such a great conference, especially our passionate speakers, supportive community partners, and the dedicated team behind the scenes. Thousands of you joined us for 24 hours of graph-packed learning and coding, with over 140 unique technical talks spanning topics, time zones, and skill levels. Before we get to the top 10, here are four talks you’ll want to check out. Our keynote speaker, Ben Lorica, host of the popular podcast The Data Exchange, shared valuable insights from a year of conversations with AI leaders. The Trends…

22 Nov

Understanding Test Scenarios vs Test Cases: A Complete Guide for QA Engineers

stp2y0 CommentsNewsautomation, coding, community, development, engineering, inclusive, programming, software, tutorial

Understanding Test Scenarios vs Test Cases: A Complete Guide for QA Engineers. As a QA engineer, understanding the distinction between test scenarios and test cases is crucial for effective testing. In this guide, we'll break down these concepts and help you understand when and how to use each one. What is a Test Scenario? A test scenario is like a high-level blueprint of what needs to be tested. Think of it as the "big picture" view of your testing strategy. Key Characteristics: High-level description Broader in scope Focuses on "what" to test Less detailed Used in early planning stages Example…