Tag

grid

0 views collected around this technical thread.

IT Services Circle
IT Services Circle
Jun 3, 2025 · Fundamentals

LeetCode 764 – Order of Largest Plus Sign: Problem Explanation and Multi‑Language Solutions

This article presents the LeetCode 764 problem of finding the largest axis‑aligned plus sign in a binary grid, explains the preprocessing and simulation approach using four directional prefix arrays, analyzes time and space complexity, and provides complete Java, C++, Python, and TypeScript implementations.

JavaLeetCodeTypeScript
0 likes · 12 min read
LeetCode 764 – Order of Largest Plus Sign: Problem Explanation and Multi‑Language Solutions
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
May 3, 2025 · Frontend Development

Using CSS Grid auto-fill and auto-fit for Responsive Card Layouts

This article explains how to use CSS Grid's auto-fill and auto-fit functions with the repeat and minmax syntax to create responsive card layouts that automatically adapt to different screen widths without media queries, including code examples and guidance on when to choose each option.

CSSResponsive Designauto-fill
0 likes · 8 min read
Using CSS Grid auto-fill and auto-fit for Responsive Card Layouts
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Dec 27, 2024 · Frontend Development

Creating a Responsive Masonry Layout with CSS Columns, Grid, and Flexbox

This article explains how to build a responsive, order‑agnostic masonry (waterfall) layout using CSS columns, and compares it with grid and flexbox approaches, providing concise code examples, responsive tweaks with @media, and discusses advantages, drawbacks, and browser compatibility.

CSSColumnsFlexbox
0 likes · 6 min read
Creating a Responsive Masonry Layout with CSS Columns, Grid, and Flexbox
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 30, 2024 · Frontend Development

Flexbox vs Grid: Layout Techniques, Code Samples, and Responsive Design

This article compares Flexbox and CSS Grid for creating grid‑style, backend admin, and responsive layouts, provides complete HTML/CSS code examples for each approach, discusses compatibility issues, and explains when to choose one technique over the other.

CSSFlexboxResponsive Design
0 likes · 9 min read
Flexbox vs Grid: Layout Techniques, Code Samples, and Responsive Design
Test Development Learning Exchange
Test Development Learning Exchange
May 17, 2024 · Fundamentals

Python GUI 9‑Grid Image Stitching with Customizable Cell Size

This tutorial explains how to build a Python GUI application using tkinter and Pillow that lets users select nine images, adjust the cell size, and automatically merge them into a 3×3 grid, complete with code examples and usage instructions.

GUITkintergrid
0 likes · 8 min read
Python GUI 9‑Grid Image Stitching with Customizable Cell Size
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Feb 6, 2024 · Frontend Development

Comprehensive Guide to Modern CSS Layout Techniques: Flexbox, Grid, and Common Patterns

This article provides a detailed tutorial on implementing various modern web layout techniques—including horizontal‑vertical centering, equal‑height columns, sticky footers, equal‑distribution columns, the Holy Grail layout, 12‑column grids, justified spacing, and responsive sizing with clamp()—using CSS Flexbox and Grid with practical code examples.

CSSFlexboxResponsive Design
0 likes · 29 min read
Comprehensive Guide to Modern CSS Layout Techniques: Flexbox, Grid, and Common Patterns
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Dec 24, 2023 · Frontend Development

Screen Size Compatibility and Responsive Design in Front-End Development

This article explains the challenges of screen‑size compatibility for front‑end developers, analyzes current device resolutions and aspect ratios, and provides practical solutions such as viewport meta tags, media queries, adaptive units, responsive layouts, device simulation tools, and safe‑area handling for modern browsers and mobile devices.

FlexboxResponsive Designgrid
0 likes · 17 min read
Screen Size Compatibility and Responsive Design in Front-End Development
Model Perspective
Model Perspective
Dec 10, 2022 · Operations

How Many Guards Are Needed to Cover Every Aisle in a Grid‑Shaped Supermarket?

This article models the problem of placing the fewest guards in an m‑by‑n grid of supermarket aisles, derives two lower‑bound propositions, constructs guard arrangements for several cases, and shows that the minimum number of guards equals the ceiling of (m + n) divided by two.

combinatorial optimizationgridguard placement
0 likes · 6 min read
How Many Guards Are Needed to Cover Every Aisle in a Grid‑Shaped Supermarket?
Model Perspective
Model Perspective
Dec 6, 2022 · Fundamentals

Simulating Forest Fires with Python Cellular Automata: A Step-by-Step Guide

Learn how to model and visualize forest fire spread using a cellular automaton in Python, covering grid initialization, state transition rules, visualization with Matplotlib, statistical tracking, and parameter experiments to observe how tree density influences fire dynamics.

MatplotlibNumPycellular automata
0 likes · 10 min read
Simulating Forest Fires with Python Cellular Automata: A Step-by-Step Guide
php中文网 Courses
php中文网 Courses
Sep 18, 2021 · Frontend Development

Pure CSS Sun‑Earth‑Moon Orbital Animation Tutorial

This article demonstrates how to create a pure‑CSS animation of the Sun, Earth and Moon orbital motion using simple HTML divs, Flexbox/Grid layout, gradient colors, and CSS keyframe animations, with full source code and styling details provided.

CSSFlexboxanimation
0 likes · 6 min read
Pure CSS Sun‑Earth‑Moon Orbital Animation Tutorial
FunTester
FunTester
Jul 14, 2021 · Fundamentals

Key New Features and Differences of Selenium 4

This article introduces Selenium 4's major enhancements—including W3C standardization, an upgraded IDE, a unified Grid architecture, native Chrome DevTools support, relative locators, and additional APIs—while comparing them to Selenium 3 and providing practical usage examples.

Relative LocatorsSeleniumW3C
0 likes · 6 min read
Key New Features and Differences of Selenium 4
php中文网 Courses
php中文网 Courses
Feb 22, 2021 · Backend Development

Integrating Grid++ Report Plugin into ThinkPHP5: A Step‑by‑Step Tutorial

This article walks through the complete process of integrating the Grid++ reporting plugin into a ThinkPHP5 project, covering environment setup, required JavaScript files, embedding the designer, controller implementation, and database configuration with clear code examples.

ThinkPHP5gridreporting
0 likes · 3 min read
Integrating Grid++ Report Plugin into ThinkPHP5: A Step‑by‑Step Tutorial
360 Tech Engineering
360 Tech Engineering
Nov 1, 2019 · Frontend Development

Understanding the CSS display Property and Its Two‑Value Syntax

This article explains how the CSS display property controls both the external formatting of an element and the internal formatting context of its children, introduces the newer two‑value syntax (e.g., display: inline‑flow‑root), and discusses current browser support and practical usage.

CSSFlexdisplay
0 likes · 5 min read
Understanding the CSS display Property and Its Two‑Value Syntax
Architects' Tech Alliance
Architects' Tech Alliance
Aug 9, 2017 · Fundamentals

Understanding NVIDIA GRID vGPU Virtualization and Its Allocation Modes

This article explains NVIDIA GRID vGPU virtualization, detailing how GPUs are partitioned by memory size, the supported hypervisors, the operation of virtual GPU resources, differences between full‑allocation vGPU and GPU pass‑through, licensing requirements, and performance considerations for cloud and data‑center environments.

GPU virtualizationNvidiagrid
0 likes · 10 min read
Understanding NVIDIA GRID vGPU Virtualization and Its Allocation Modes