Tagged articles
49 articles
Page 1 of 1
DevOps Coach
DevOps Coach
Mar 2, 2026 · Frontend Development

10 Essential Console Debugging Tricks Every Front‑End Developer Should Know

Discover how senior developers replace noisy console.log statements with powerful JavaScript console features—object shorthand, console.table, trace, assert, timing, styled logs, grouping, deep inspection, log levels, and DevTools shortcuts—to debug code faster and more precisely.

JavaScriptTipsWeb Development
0 likes · 11 min read
10 Essential Console Debugging Tricks Every Front‑End Developer Should Know
IT Services Circle
IT Services Circle
Jan 12, 2026 · Frontend Development

8 Chrome DevTools Tricks Every Frontend Developer Should Know

This article presents eight practical Chrome DevTools techniques—including designMode editing, request replay, local overrides, quick fetch copying, request filtering, DOM selection shortcuts, on‑the‑fly npm installation, and fast source navigation—to boost debugging efficiency and streamline front‑end workflows.

Chrome DevToolsDebuggingTips
0 likes · 6 min read
8 Chrome DevTools Tricks Every Frontend Developer Should Know
Ops Development & AI Practice
Ops Development & AI Practice
Aug 7, 2025 · Blockchain

Master Hardhat Console: Debug Smart Contracts Instantly

Learn how to streamline Ethereum smart contract debugging by using Hardhat’s interactive console, covering setup, querying chain state, interacting with deployed contracts, reading and writing functions, and advanced features like manual mining, all with practical code examples to boost development efficiency.

DebuggingEthereumHardhat
0 likes · 7 min read
Master Hardhat Console: Debug Smart Contracts Instantly
php Courses
php Courses
Apr 24, 2025 · Frontend Development

Six Lesser‑Known Ways to Output Data in JavaScript

This article introduces six alternative JavaScript output techniques—including document.write, advanced console methods, the Notification API, speech synthesis, Blob with URL.createObjectURL, and WebSocket—providing developers with richer options beyond console.log and alert for diverse web scenarios.

JavaScriptWeb APIsconsole
0 likes · 5 min read
Six Lesser‑Known Ways to Output Data in JavaScript
JavaScript
JavaScript
Feb 14, 2025 · Frontend Development

5 Powerful JavaScript Debugging Techniques Every Front‑End Developer Should Know

Discover five advanced debugging strategies—including effective use of the debugger breakpoint, console’s advanced methods, source maps for production code, asynchronous debugging tricks, and performance profiling tools—to quickly identify and resolve complex JavaScript issues in modern front‑end development.

DebuggingJavaScriptSource Maps
0 likes · 4 min read
5 Powerful JavaScript Debugging Techniques Every Front‑End Developer Should Know
Test Development Learning Exchange
Test Development Learning Exchange
Aug 5, 2024 · Fundamentals

Implementing Dynamic Progress Bars in Python: Multiple Approaches and Code Examples

This article explains how to create dynamic progress bars in Python using plain print statements, the tqdm library, custom styling, multiple and nested bars, update‑frequency control, dynamic descriptions, custom callbacks, as well as the click and rich libraries, providing complete code snippets for each method.

clickconsoleprogress-bar
0 likes · 7 min read
Implementing Dynamic Progress Bars in Python: Multiple Approaches and Code Examples
Liangxu Linux
Liangxu Linux
Jun 20, 2023 · Fundamentals

Understanding /dev/tty, /dev/tty0, and /dev/console in Linux

This article explains the distinct roles of the Linux special device files /dev/tty, /dev/tty0, and /dev/console, showing how each maps to the current terminal, the graphical virtual console, and the kernel boot console respectively, with command examples and usage details.

Device FilesLinuxSystem Administration
0 likes · 4 min read
Understanding /dev/tty, /dev/tty0, and /dev/console in Linux
Sohu Tech Products
Sohu Tech Products
Apr 26, 2023 · Frontend Development

Customizing console.log Styles and Building a Console Log Button NPM Library

This article demonstrates how to style console.log output using %c placeholders, outlines the supported CSS properties, and walks through creating a lightweight, Vue‑devtool‑inspired log‑button library with Vite, TypeScript, ESLint, Husky, and ChatGPT‑generated UI color palettes, culminating in publishing the package to npm.

Viteconsolefrontend
0 likes · 14 min read
Customizing console.log Styles and Building a Console Log Button NPM Library
21CTO
21CTO
Nov 25, 2022 · Fundamentals

Understanding Consoles, Shells, and Terminals: Key Differences Explained

This article clarifies the concepts of consoles, shells, and terminals, detailing their definitions, roles, and how they differ across Linux and Windows environments, while also covering GUI and CLI interfaces for developers and operations engineers.

GUIShellWindows
0 likes · 9 min read
Understanding Consoles, Shells, and Terminals: Key Differences Explained
Liangxu Linux
Liangxu Linux
Oct 24, 2022 · Fundamentals

How to Build a Real‑Time Console Progress Bar and Countdown in C

This tutorial explains the difference between newline and carriage‑return, the three buffering modes of stdio, and shows step‑by‑step C code that uses fflush, format specifiers, and a custom loop to create a live console progress bar and countdown timer.

BufferingCCountdown
0 likes · 7 min read
How to Build a Real‑Time Console Progress Bar and Countdown in C
21CTO
21CTO
Jun 12, 2022 · Frontend Development

Master Chrome DevTools: Edit, Debug, and Override Any Web Page Efficiently

This comprehensive guide walks developers through Chrome DevTools' powerful editing, debugging, and override features—including quick CSS/JS tweaks, workspace setup, console utilities, breakpoint strategies, and even Node.js/Deno debugging—empowering efficient front‑end development without leaving the browser.

Chrome DevToolsNode.js DebuggingOverrides
0 likes · 11 min read
Master Chrome DevTools: Edit, Debug, and Override Any Web Page Efficiently
Open Source Linux
Open Source Linux
Mar 18, 2022 · Fundamentals

How to Build a Real-Time Console Progress Bar in C

This article explains how to implement a console progress bar and countdown timer in C by covering carriage returns, newline handling, output buffering strategies, and the use of fflush to force immediate screen updates, complete with sample code and visual demonstrations.

BufferingCCountdown
0 likes · 5 min read
How to Build a Real-Time Console Progress Bar in C
Liangxu Linux
Liangxu Linux
Mar 9, 2022 · Fundamentals

How to Build a Real‑Time Console Progress Bar in C

This guide explains the differences between carriage return and newline, explores C output buffering strategies, and provides step‑by‑step C code to create a countdown and a dynamic progress bar that updates smoothly in the terminal.

BufferingCconsole
0 likes · 6 min read
How to Build a Real‑Time Console Progress Bar in C
MaGe Linux Operations
MaGe Linux Operations
Mar 6, 2022 · Fundamentals

How to Build a Real-Time Console Progress Bar in C

This tutorial explains how to create a console progress bar in C by covering newline versus carriage return handling, output buffering strategies, using fflush to force screen updates, and adapting the code for multi‑digit countdowns.

CCountdownOutput Buffering
0 likes · 6 min read
How to Build a Real-Time Console Progress Bar in C
ByteFE
ByteFE
Nov 3, 2021 · Frontend Development

Practical Console Debugging Techniques for Frontend Development

This article provides a comprehensive guide to using the browser console's various methods—such as log, warn, error, info, time, group, count, table, and more—to debug JavaScript code effectively, including syntax examples, placeholders, styling tricks, and visual output demonstrations.

DebuggingDevToolsconsole
0 likes · 14 min read
Practical Console Debugging Techniques for Frontend Development
MaGe Linux Operations
MaGe Linux Operations
Jul 17, 2021 · Fundamentals

Unlock Beautiful Terminal Output in Python with Rich

This tutorial introduces the Rich Python library, covering its cross‑platform compatibility, installation steps, enhanced print functions, custom console usage, logging, tables, progress bars, markdown rendering, syntax highlighting, and traceback formatting, all illustrated with clear code examples and screenshots.

Pythoncodeconsole
0 likes · 10 min read
Unlock Beautiful Terminal Output in Python with Rich
Python Programming Learning Circle
Python Programming Learning Circle
Jul 8, 2021 · Fundamentals

Rich Python Library: Rich Text and Formatting for the Terminal – Installation, Usage, and Features

This article introduces the Rich Python library, explains its cross‑platform compatibility, provides step‑by‑step installation instructions, demonstrates how to use its enhanced print, console, logging, table, progress bar, column, markdown, and syntax‑highlighting features, and includes numerous code examples and screenshots.

consoleformattinglogging
0 likes · 8 min read
Rich Python Library: Rich Text and Formatting for the Terminal – Installation, Usage, and Features
Beike Product & Technology
Beike Product & Technology
Dec 24, 2020 · Frontend Development

Building a VS Code Extension to Add Prefixes to console.log Output

This tutorial explains how to create a VS Code extension that automatically prefixes console.log statements with custom identifiers, covering project scaffolding, key file structures, activation events, command registration, implementation details, debugging, and publishing to the marketplace.

DebuggingExtensionJavaScript
0 likes · 8 min read
Building a VS Code Extension to Add Prefixes to console.log Output
WeDoctor Frontend Technology
WeDoctor Frontend Technology
Jul 20, 2020 · Frontend Development

Master Chrome DevTools: Console, Elements, Network, Sources, Performance & More

This comprehensive guide walks you through Chrome DevTools panels—including Console, Elements, Network, Sources, Performance, Lighthouse, Security, and advanced commands—detailing shortcuts, core methods, debugging techniques, performance metrics, and practical tips for front‑end developers to optimize and troubleshoot web applications.

Chrome DevToolsconsolenetwork
0 likes · 40 min read
Master Chrome DevTools: Console, Elements, Network, Sources, Performance & More
Qunar Tech Salon
Qunar Tech Salon
Jan 14, 2020 · Frontend Development

Design, Implementation, and Testing of a Babel Console‑Transform Plugin

This article explains how to create a Babel plugin that removes console calls in production builds while extending console methods with styled output and source location information in development, covering installation, configuration, AST manipulation, option validation, and comprehensive testing using TypeScript, ts‑mocha, and chai.

ASTJavaScriptTypeScript
0 likes · 11 min read
Design, Implementation, and Testing of a Babel Console‑Transform Plugin
FunTester
FunTester
Aug 8, 2019 · Backend Development

How to Pretty‑Print JSON in Java Console Without Plugins

This article explains why JSON output in a Java console is often unreadable, presents a custom method that formats and indents JSON strings with visual markers, provides the full implementation code, shows the resulting output, and notes its current limitations.

DebuggingJSONJava
0 likes · 4 min read
How to Pretty‑Print JSON in Java Console Without Plugins
FunTester
FunTester
Aug 8, 2019 · Fundamentals

ConsoleTable: A Simple Java Utility for Formatted Console Grid Output

This article introduces a lightweight Java class, ConsoleTable, that formats map and list data into a neatly aligned console grid resembling SQL client output, explains its usage, provides full source code, and discusses stream-based implementations and potential enhancements.

CLIJavaStream
0 likes · 5 min read
ConsoleTable: A Simple Java Utility for Formatted Console Grid Output
FunTester
FunTester
Jul 13, 2019 · Backend Development

How to Build an SQL‑Style Console Table Utility in Java

The article presents a Java ConsoleTable class that formats Map and List data into a tidy, SQL‑client‑like grid for console output, explains its implementation details, shows usage examples, and discusses the use of Java Stream APIs.

DebuggingJavaStream
0 likes · 5 min read
How to Build an SQL‑Style Console Table Utility in Java
FunTester
FunTester
Jul 2, 2019 · Fundamentals

Print a Heart Shape in Java Console with a Single Stream Expression

This article demonstrates how to generate a heart-shaped pattern directly in the Java console using a compact IntStream‑based one‑liner, explaining the mathematical formula and stream operations that produce the visual output without external libraries.

ASCII artHeart ShapeIntStream
0 likes · 3 min read
Print a Heart Shape in Java Console with a Single Stream Expression
MaGe Linux Operations
MaGe Linux Operations
Jun 28, 2019 · Game Development

Build a Console 2048 Game in Python: Complete Step-by-Step Guide

This article walks through the full implementation of a console‑based 2048 game in Python, covering the main game loop, movement logic using matrix operations, random tile generation, score handling, board rendering with curses, and the initialization process, all illustrated with code snippets and diagrams.

2048Game DevelopmentPython
0 likes · 12 min read
Build a Console 2048 Game in Python: Complete Step-by-Step Guide
UC Tech Team
UC Tech Team
Dec 28, 2018 · Frontend Development

Using Chrome DevTools Console Shortcuts: $, $$, $_, and $i

This article introduces Chrome DevTools console shortcuts—including $0‑$4 for element references, $ and $$ for query selectors, $_ for the last expression result, and $i for importing npm libraries—explaining their usage to streamline front‑end debugging and testing.

Chrome DevToolsDebuggingJavaScript
0 likes · 3 min read
Using Chrome DevTools Console Shortcuts: $, $$, $_, and $i
Node Underground
Node Underground
Dec 5, 2018 · Frontend Development

Unlock Powerful Debugging: Master Advanced console Methods in JavaScript

This article explores the full range of browser console functions—including formatted logging, object inspection, warnings, tables, assertions, counters, timing, tracing, and grouping—to help JavaScript developers debug more efficiently and gain deeper insight into their code.

BrowserDebuggingconsole
0 likes · 11 min read
Unlock Powerful Debugging: Master Advanced console Methods in JavaScript
21CTO
21CTO
Sep 24, 2018 · Frontend Development

Master Chrome Console: Essential Debugging Techniques and Commands

This guide walks through Chrome's console features—including basic output methods, formatted and styled logs, DOM and object inspection, grouped messages, performance profiling, timing, assertions, and useful shortcuts—providing practical examples and tips for effective front‑end debugging.

ChromeDebuggingconsole
0 likes · 9 min read
Master Chrome Console: Essential Debugging Techniques and Commands
AutoHome Frontend
AutoHome Frontend
Aug 20, 2018 · Frontend Development

Unlock Hidden Chrome DevTools Tricks to Supercharge Your Debugging

This guide reveals dozens of lesser‑known Chrome DevTools features—from enabling Canary builds and experimental flags to powerful console shortcuts, DOM selectors, conditional breakpoints, network overrides, and Node debugging—helping developers debug faster and more efficiently.

Chrome DevToolsDebuggingconsole
0 likes · 13 min read
Unlock Hidden Chrome DevTools Tricks to Supercharge Your Debugging
ITPUB
ITPUB
May 11, 2017 · Frontend Development

Mastering JavaScript Console: Advanced Logging, Grouping, and Performance Tools

This article provides a comprehensive guide to JavaScript's console API, covering basic logging methods, object inspection, grouping, clearing, performance timing, profiling, tracing, assertions, and counting, with practical code examples and tips for effective debugging in development environments.

JavaScriptconsolefrontend
0 likes · 8 min read
Mastering JavaScript Console: Advanced Logging, Grouping, and Performance Tools
ITPUB
ITPUB
Aug 8, 2016 · Fundamentals

Demystifying Linux TTY: From Physical Terminals to Pseudo‑Terminals

This article explains the origins and evolution of Linux TTY devices, clarifies the differences between consoles, virtual consoles, serial terminals, dumb terminals, smart terminals, and pseudo‑terminals, and provides practical examples and commands for identifying and using these character devices.

LinuxPseudo‑terminalTTY
0 likes · 21 min read
Demystifying Linux TTY: From Physical Terminals to Pseudo‑Terminals
Aotu Lab
Aotu Lab
Jul 8, 2016 · Frontend Development

Unlock Console Magic: Master %c, %o, %O and ASCII Art in Browser DevTools

This tutorial explores advanced console.log techniques—including format specifiers, CSS styling, image rendering, and creating ASCII art—while detailing browser compatibility, practical code examples, and useful tools for front‑end developers seeking more expressive debugging output.

CSSDebuggingascii-art
0 likes · 8 min read
Unlock Console Magic: Master %c, %o, %O and ASCII Art in Browser DevTools