The Ultimate
Snippet Library.

Query GraphQL API with JavaScript Fetch

Learn to perform basic queries against a GraphQL API endpoint directly using the native JavaScript `fetch` API without relying on additional client libraries.

Dynamically Create and Append Complex DOM Elements

Learn how to programmatically create new HTML elements, set their properties, and append them to the document using JavaScript for dynamic content generation and UI updates.

Toggle Element Visibility with JavaScript

Efficiently show or hide any HTML element on a webpage by directly manipulating its display CSS property using JavaScript, improving user interface interactivity.

Insert New Element Before a Specific Sibling

Discover how to programmatically insert a new HTML element right before an existing sibling element using JavaScript's `insertBefore()` method for precise DOM control.

Create a 'Scroll to Top' Button

Implement a convenient 'Scroll to Top' button that appears on scroll and smoothly navigates users back to the page's beginning using JavaScript DOM and `window.scrollTo`.

Manipulate Custom Data Attributes on Elements

Learn to effectively read, write, and remove custom data attributes (`data-*`) on HTML elements using JavaScript, enabling dynamic data storage and interaction within the DOM.

Group Associative Arrays by a Key's Value

Learn how to efficiently group a list of associative arrays or objects in PHP into sub-arrays based on the common value of a specified key.

Filter Array by Multiple Dynamic Criteria

Discover how to filter a PHP array or an array of objects/associative arrays based on multiple, dynamic conditions using `array_filter` with a custom callback.

Extract a Column of Values from an Array

Learn to quickly extract values from a specific column (key) across an array of associative arrays or objects using PHP's `array_column` function.

Compare Two Arrays for Differences

Learn to identify differences between two PHP arrays using `array_diff`, `array_diff_assoc`, and `array_diff_key` to compare values, keys, or both.

Implement a Strict Content Security Policy (CSP)

Fortify web applications against XSS and data injection by implementing a strict Content Security Policy (CSP) with recommended directives for enhanced security.

Robust Server-Side Input Validation for JSON Payloads

Ensure data integrity and prevent various injection attacks by implementing comprehensive server-side input validation for all incoming request payloads.