DEV Community: Vishnu Digital

Markdown in the AI Era: The Lingua Franca of LLMs & Agents

Vishnu Digital — Tue, 28 Jul 2026 13:14:05 +0000

Originally published on https://meshworld.in/blog/ai/markdown-in-2026/.

In the modern AI era, Markdown has transcended its origins as a simple text-to-HTML conversion tool created by John Gruber in 2004. Today, it is the core data protocol for Large Language Models (LLMs), context windows, and autonomous AI agents.

Why Do LLMs and AI Agents Rely on Markdown?

1. Token Efficiency: The Economic Argument

LLMs process text in tokens. Every token costs money and consumes finite context window space.

80% Fewer Tokens: Cloudflare analysis shows Markdown uses 80% fewer tokens than HTML (3,150 vs 16,180 tokens for a standard post).
95% Reduction for E-Commerce: Scraped e-commerce HTML drops from 40,000 to ~2,000 tokens in Markdown.
Headings: ## Heading costs ~3 tokens vs 12–15 tokens for <h2 class="title">Heading</h2>.

2. Machine Comprehension & RAG Accuracy

RAG Retrieval Accuracy: Markdown-formatted inputs boost RAG accuracy by up to +35%.
Table Extraction: Markdown tables hit 60.7% accuracy vs 53.6% for HTML.
Key Point Extraction: Markdown scores 9.1/10 vs 6.5/10 for HTML (+40%).

3. The 3-Tier AI Protocol Stack

AGENTS.md: Universal project context & guardrails (governed by the Linux Foundation's Agentic AI Foundation).
SKILL.md: Portable agent capabilities supported across 16+ tools.
DESIGN.md: Machine-readable design tokens for AI UI generation.

Read the complete breakdown covering token benchmarks, edge content negotiation, and the 50+ app ecosystem:
https://meshworld.in/blog/ai/markdown-in-2026/

Top Sources for Free Illustrations and Icons for Designers in 2026

Vishnu Digital — Tue, 28 Jul 2026 12:16:22 +0000

Originally published on MeshWorld

Visual content has never been more critical. In 2026, with AI-generated content flooding the web and attention spans shrinking to mere seconds, high-quality visuals are your competitive advantage.

Humans process images 60,000 times faster than text. Icons and illustrations reduce cognitive load, guide user journeys, and convey your product's story in an instant.

Here is our updated 2026 list of the most active, high-quality, and genuinely free illustration and icon resources for web design.

Quick Decision Matrix

If you need...	Your top choice
Customizable colors in 1 click	unDraw
Animated illustrations	Storyset
Diverse, mix-and-match people	Humaaans
Isometric illustrations	ManyPixels
3D shapes & objects	Shapefest
Lightweight UI icons	Lucide or Heroicons
Multiple icon weights	Phosphor Icons
Developer-friendly icons	Iconify

Top Illustration Libraries

unDraw

Key Features: Instant color customization via web interface or URL parameter (?color=HEX).
License: MIT License (free for commercial use, no attribution).

Storyset by Freepik

Key Features: Customizable elements and built-in web animation options.
License: Free with attribution.

Humaaans

Key Features: Mix-and-match character kit by Pablo Stanley.
License: CC0 Public Domain.

Top Icon Libraries

Lucide

Key Features: Maintained Feather fork with 1,500+ icons, React/Vue/Svelte packages.
License: ISC.

Phosphor Icons

Key Features: 9,000+ icons in 6 weights (Thin, Light, Regular, Bold, Fill, Duotone).
License: MIT.

Heroicons

Key Features: Tailwind CSS team's official SVG icon set.
License: MIT.

Read the full guide with license cheat sheets and design tips on MeshWorld.

How to Run a Local LLM Without a GPU: A CPU-Only Guide

Vishnu Digital — Fri, 24 Jul 2026 14:19:35 +0000

Originally published at Run a Local LLM Without a GPU: A CPU-Only Guide - MeshWorld India

Running open-weight large language models locally used to require an expensive dedicated NVIDIA GPU with 16 GB+ of VRAM. Modern C/C++ inference runtimes and 4-bit quantization formats allow you to execute models like Llama 3.2, Mistral, and Qwen entirely on your system's CPU.

Whether you're developing on a 16 GB laptop, a refurbished workstation, or an Apple Silicon Mac, CPU-only inference delivers a private, offline, and zero-cost environment for code generation, document summarization, and local AI agent tooling.

How do you run a local LLM on a CPU in 60 seconds?

Install Ollama:

   curl -fsSL https://ollama.com/install.sh | sh

Run a CPU-optimized 3B model:

   ollama run llama3.2:3b

Hardware Rule of Thumb:
- 8 GB RAM: Run 1B–3B models (llama3.2:3b, phi4-mini, gemma3:2b).
- 16 GB RAM: Run 7B–8B models (mistral:7b, llama3.1:8b, qwen3:8b).
- 32 GB RAM: Run 13B–14B models (llama3.1:13b, qwen2.5:14b).

What factors dictate CPU inference speed and performance?

Quantization Precision: Q4_K_M (4-bit medium) reduces memory footprint by ~70% while retaining over 98% of baseline output accuracy.
SIMD Instructions: AVX2 is standard on modern x86 chips; AVX-512 yields up to 2x speedups in llama.cpp vector multiplication routines.
Memory Bandwidth: Dual-channel DDR5 RAM increases token production by 40%–70% over DDR4 at identical clock speeds.
Thread Count: Set CPU thread count (-t) equal to physical core count for optimal generation speed.

For the complete build guide, hardware selector tables, KV cache memory math, and troubleshooting matrix, read the original article on MeshWorld India.

🦀 Stop Paying for Noise: How RTK Cuts Claude Code's Token Bill by Up to 90%

Vishnu Digital — Mon, 20 Jul 2026 12:03:45 +0000

AI terminal agents like Claude Code, Aider, and Gemini CLI are revolutionizing developer workflows. However, running shell commands through these agents is a massive source of context window pollution.

When an agent runs a command (e.g., npm install --verbose or cargo build), the output streams hundreds of lines of progress bars, registry fetches, compile dot indicators, and ANSI escape codes into the LLM. You are charged for every single line of this noise, and it pollutes the context window, causing the LLM to lose focus.

Introducing RTK (Rust Token Killer)

RTK is a zero-dependency CLI proxy written in Rust that intercepts Bash tool commands in your AI agent's tool lifecycle, compresses the output, and feeds clean, semantically dense output to the LLM.

It achieves 60–90% token savings per tool call with less than 10ms of overhead.

The 4 Compression Strategies

Smart Filtering: Strips out ANSI terminal escape codes, carriage-return animation overrides, spinner characters, and empty lines.
Dynamic Grouping: Sequences of identical log outputs are collapsed (e.g., [120 identical lines: "PASS"]).
Truncation: Outputs are intelligently capped to preserve the first few lines, the last lines (where errors appear), and a middle summary.
Deduplication: Repeated stack trace frames are consolidated to preserve clean debugging signals.

Pro Tips & Caveats

Bash Tool Calls Only: The automatic global hook (rtk init -g) only wraps shell commands. Claude Code's native file tools (like Read, Grep, Edit) bypass the hook. Use terminal commands (like cat or rg) to ensure outputs are compressed.
Crates.io Naming Collision: The rtk crate name on crates.io points to an unrelated "Rust Type Kit" library. To install the token killer, install directly from the source:

  cargo install --git https://github.com/rtk-ai/rtk.git

Fail-Safe Tee Logs: On command failure, RTK writes the full raw logs to ~/.local/share/rtk/tee/ so you can debug without losing details.

Read the complete setup guide, benchmarks, and configuration steps on MeshWorld

Learn CSS the Fun Way in 2026: Games, Interactive Tools & Roadmap - VD Docs

Vishnu Digital — Mon, 20 Jul 2026 11:57:46 +0000

Originally published on VD Docs.

CSS can feel confusing when starting from a 500-page spec document or a dry textbook. A better approach is to turn syntax into interactive visual games: solve puzzles, align items, water crops, and get instant feedback.

TL;DR Direct Answer

CSS layout properties become intuitive when practiced through interactive visual games with immediate feedback loops. By pairing 20-minute daily games like CSS Diner, Flexbox Froggy, and Grid Garden with browser DevTools, self-taught developers can master selectors, 1D alignment, and 2D grids in one week.

🍽️ Core Gamified CSS Tools

Tool	Best for	Pricing
CSS Diner	Selectors & Specificity practice	Free
Flexbox Froggy	1D Flexbox layout alignment	Free
Grid Garden	2D CSS Grid column & row placement	Free
CSSBattle Learn	Recreating visual shapes with CSS	Free
Coddy CSS	Guided interactive lessons with hints	Free
4Geeks CSS Exercises	Auto-graded practice exercises	Free

⚠️ 4 Common Beginner CSS Pitfalls to Avoid

Using !important to fix specificity issues instead of fixing the cascade. Fix your selector order (ID > Class > Type).
Confusing margin with padding. Margin is spacing outside the element boundary; padding is spacing inside.
Forgetting box-sizing: border-box. Always set * { box-sizing: border-box; } globally so padding doesn't inflate element width.
Not using Browser DevTools. Right-click any page → "Inspect" to tweak CSS properties live.

🚀 1-Week Gamified CSS Roadmap

Day 1 (Selectors): Play CSS Diner (30 mins). Master #id, .class, and parent-child selectors (ul li).
Day 2 (Flexbox): Play Flexbox Froggy (30 mins). Learn justify-content, align-items, and flex-direction.
Day 3 (DevTools): Open browser DevTools on your favorite site. Inspect & edit styles live (20 mins).
Day 4 (CSS Grid): Play Grid Garden (30 mins). Learn grid-template-columns and grid-column: span.
Day 5 (Box Model): Practice on Coddy or 4Geeks (30 mins). Lock in border-box and spacing.
Day 6 (Shape Challenges): Solve 2 targets on CSSBattle Learn (30 mins). Focus on visual accuracy.
Day 7 (Build & Deploy): Build a simple landing section with a button hover state and deploy it live to GitHub Pages.

📚 Want the Complete 4-Week Deep Dive?

Check out our full guide with extended tool comparison tables, direct links, and a 4-week structured curriculum:

👉 Read the full guide on VD Docs

Google Gemini Hacks to Maximize Your AI Productivity

Vishnu Digital — Fri, 26 Jun 2026 07:19:16 +0000

Google Gemini is integrated across Docs, Sheets, Gmail, and Google Search. However, most users only run basic, one-off prompts. By configuring a few settings, you can convert the chatbot into an autonomous workspace assistant.

Here is the checklist of the best Gemini hacks for daily productivity:

1. Frame Prompts with Expert Roleplay

Steer the model's sources by asking it to identify what experts say rather than asking for general advice.
Example: “Who are the leading medical experts on [topic] and what do they say about it?” rather than “what is [topic].”

2. Set Up Custom Instructions

Go to Personal Intelligence > Instructions for Gemini in settings to save permanent styling guidelines, code rules, and text limits that apply to all future chats.

3. Create Custom Bots with Gems

Use the Gems feature (for Advanced subscribers) to construct isolated chatbots with specific instructions (e.g., a code auditor or draft editor) to keep your main chat feed organized.

4. Automate Errands with Scheduled Actions

Schedule recurring prompts (like daily calendar summaries or email briefs) to run automatically under settings.

5. Enable Temporary Chats

Click the pencil icon in a dotted circle in the top-right corner to open private chats. These are deleted after 72 hours and are not used to train Google's models.

6. Command High-Quality Citations

Include rules asking the model to only link to primary sources, research papers, and respectable institutions, filtering out search-engine-optimized spam.

7. Edit Side-by-Side in Gemini Canvas

Use the Canvas split-screen layout to edit specific paragraphs or code blocks directly in your workspace without generating unnecessary code boilerplate.

8. Wrap Code in XML Tags

Take advantage of Gemini's 2-million-token context window by uploading whole repositories wrapped in structured XML tags like <source_code> to maintain organization.

Read the complete guide with setup steps and configurations on MeshWorld

🚀 Connect Hermes Agent to Discord: Step-by-Step Gateway Setup

Vishnu Digital — Tue, 23 Jun 2026 14:18:10 +0000

🚀 Connect Hermes Agent to Discord: Step-by-Step Gateway Setup

In the recently released v0.17.0 "Reach Release" of Hermes Agent (the open-source autonomous agent framework by Nous Research), setting up platform connections (like Discord, Telegram, and Slack) has migrated to a local browser-based Web Admin Panel, deprecating the older terminal wizards.

Here is the quick checklist to connect your agent to Discord:

1. Discord Developer Portal Config

Create a new application at the Discord Developer Portal.
Under the Bot tab, generate and copy your Bot Token.
Scroll down and enable all three Privileged Gateway Intents (Presence Intent, Server Members Intent, and Message Content Intent). Warning: Message Content Intent is critical; if disabled, the bot cannot read your messages to respond.

2. Invite the Bot

Under Installation, configure default scopes to include bot and applications.commands.
Check required bot permissions: Send Messages, Read Message History, Send Messages in Threads, View Channel, Add Reactions.
Use the generated install link to invite the bot to your Discord server.

3. Configure via Hermes Web UI

In your terminal, start the local panel:

  hermes dashboard

Open http://127.0.0.1:9119 in your browser.
Go to the Gateways tab, click Discord, paste your Bot Token, and hit Save. (You can also set a specific Channel ID filter to prevent the bot from reading all channels).

4. Launch the Bridge

Click Start Gateway in the dashboard, or run:

  hermes gateway start

Verify status with:

  hermes gateway status

Read the complete gateway setup guide with custom start parameters and troubleshooting details on MeshWorld

🎤 Voice Control & Dictation: Hands-Free macOS Productivity 🚀

Vishnu Digital — Tue, 19 May 2026 19:02:11 +0000

The Scenario: Your hands are full. You're cooking and need to send a quick message. You're experiencing typing strain from a long session. You think faster than you type. The keyboard isn't always the best input method.

macOS includes two voice technologies that transform how you interact with your Mac.

1. Dictation: Speech to Text

Convert spoken words into typed text in any app. Enable in System Settings > Keyboard > Dictation. Trigger with double-tap Control. Private, on-device processing with Apple Silicon accuracy.

2. Voice Control: Navigate Hands-Free

More than dictation—full voice navigation:

"Open Safari" → Launches browser
"Click Send" → Triggers button
"Scroll down" → Page navigation
"Select all, delete that" → Text editing

3. Custom Commands

Create voice shortcuts for complex workflows:

"Start work" → Open specific apps and arrange windows
"Take a break" → Pause music, set timer
"Save draft" → Trigger save action

4. Formatting Control

Voice Control handles numbers, symbols, and formatting:

"Insert dollar sign"
"Type 42"
"New paragraph"
"Cap that" (capitalize next word)

Read the full deep-dive on MeshWorld

Ollama Cheat Sheet: Local LLMs, Models, API & Integration (2026)

Vishnu Digital — Tue, 19 May 2026 18:58:47 +0000

TL;DR

Ollama runs open LLMs locally: Llama 3.3, Mistral, Gemma, DeepSeek, Qwen, Phi, and vision models

ollama run llama3.3 — pull and start in one command

REST API on localhost:11434 — chat completions, generate, embeddings

Python and JavaScript libraries for integration

Modelfile for customizing system prompts, temperature, and context window

Ollama made local LLMs accessible to anyone who could run a Docker container. No Hugging Face model downloads to manage manually. No inference server configuration. ollama run llama3.3 downloads the model and opens a chat session. It has become the standard way to run open models locally, with a library of thousands of community models on top of the official catalog.

Quick Start

# Install (macOS, Linux, Docker)
curl -fsSL https://ollama.com/install.sh | sh

# Pull and run a model
ollama run llama3.3

# Run a single prompt
ollama run llama3.3 "Explain Docker containers in one sentence."

# REST API
curl http://localhost:11434/api/chat -d '{
  "model": "llama3.3:8b",
  "messages": [{"role": "user", "content": "Hello"}],
  "stream": false
}'

Popular Models (May 2026)

Model	Size	Memory
`llama3.3:70b`	70B	~128GB VRAM
`llama3.3:8b`	8B	~8GB VRAM
`deepseek-r1:8b`	8B	~8GB VRAM
`qwen3:8b`	8B	~8GB VRAM
`gemma3:4b`	4B	~4GB VRAM
`phi4:3.8b`	3.8B	~4GB VRAM
`llava:7b`	7B	~12GB VRAM

Python Integration

pip install ollama

import ollama

response = ollama.chat(
    model='llama3.3:8b',
    messages=[
        {'role': 'system', 'content': 'You are a code reviewer.'},
        {'role': 'user', 'content': 'Review: def add(a, b): return a + b'},
    ]
)
print(response['message']['content'])

# Streaming
for chunk in ollama.chat(model='llama3.3:8b',
                          messages=[{'role': 'user', 'content': 'Hello'}]):
    print(chunk['message']['content'], end='', flush=True)

Originally published at meshworld.in

Claude Opus 4.7: The Good, The Weird, and The Why Your Prompts Just Broke

Vishnu Digital — Fri, 17 Apr 2026 09:01:16 +0000

Claude Opus 4.7: What Actually Matters for Developers

Anthropic dropped Claude Opus 4.7 and—plot twist—they admitted it's not their best work. The real beast, Claude Mythos, is locked behind a waitlist because it's "too capable at cybersecurity." Everyone else gets the "safe" version.

Here's what actually matters for developers.

SWE-bench Pro: 64.3% — Up from 53.4%. The gap between 4.6 and 4.7 is bigger than the gap between 4.6 and GPT-5.4 combined.
Vision: 2,576px — Triple the resolution. Your blurry 2 AM screenshots finally make sense.
Prompts are dead — "Make it better" does nothing. 4.7 needs a spec, not vibes.
Same price, more tokens — Tokenizer uses 0-35% more tokens. Your bill will go up.
Cyber capabilities locked — Pentesters need to apply for access. The model refuses security exploits by default.

The Only Benchmark That Matters

Model	SWE-bench Pro	SWE-bench Verified
Claude Opus 4.7	64.3%	87.6%
GPT-5.4	57.7%	—
Gemini 3.1 Pro	54.2%	80.6%
Claude Opus 4.6	53.4%	80.8%

SWE-bench isn't abstract—it's real GitHub issues from Django, scikit-learn, and matplotlib. The model has to understand a codebase, find bugs, write fixes, and verify they work. This is the "can this actually help me ship code" benchmark.

The 10.9 point jump from 4.6 to 4.7 means fewer "please try again" moments at 2 AM.

Can It Actually Code For Hours Without You Watching?

This is the main event. 4.7 claims 14% improvement in multi-step agentic tasks with one-third the tool errors. It coordinates multiple workstreams in parallel and passes "implicit-need tests" where it figures out what tools it needs without you explicitly telling it.

The scenario: It's 11 PM. You've been avoiding refactoring your auth system for three months because it's 200+ files of spaghetti. You fire up Claude Code with Opus 4.7, describe what you want, and go to bed.

With 4.6, you'd wake up to a half-finished disaster or subtle bugs that'd hit production at the worst moment. With 4.7, it sustains focus across the entire codebase, coordinates changes across multiple files, catches its own mistakes, and keeps going through tool failures that would have stopped 4.6 dead.

I tested a 4-hour session. It held coherent context the entire time. The degradation that used to happen? Gone.

Vision That Actually Works

Previous Claude models capped at 1,568 pixels (~1.15MP). Opus 4.7 handles 2,576 pixels / 3.75 megapixels. That's dense enough to read fine print in diagrams and extract data from complex charts.

The scenario: It's 2 AM. Production is on fire. Your error logs are a wall of red text across three monitors. You screenshot the chaos, paste it to Claude, and pray.

At 4.6's resolution, it might miss the critical line buried in the noise—the database timeout causing the cascade, not the prominent auth errors. At 4.7's resolution, it reads dense screenshots properly, identifies the actual root cause, and tells you exactly which config to change.

Bonus: coordinate mapping is now 1:1 with actual pixels. No more scale-factor math for UI automation.

Your Prompts Are Broken

4.7 is substantially more literal. Prompts that relied on "filling in the blanks" will produce unexpected or minimal results.

Before (4.6):

"Make this function better"

After (4.7):

"Refactor this function to handle null inputs, add error logging, 
and ensure it returns a consistent type. The function currently 
crashes on line 47 when user.email is undefined."

Budget time to re-tune your prompt library before migrating production systems.

Breaking Changes

Extended Thinking Budgets Are Gone — The thinking: {"type": "enabled", "budget_tokens": N} pattern returns a 400 error. Use thinking: {"type": "adaptive"} with output_config: {"effort": "high"} instead.
Sampling Parameters Are Gone — Setting temperature, top_p, or top_k to non-default values returns a 400 error. Remove them and use prompting to guide behavior.
Thinking Content Is Hidden By Default — The model still thinks, but you won't see the reasoning stream unless you opt in with thinking: {"type": "adaptive", "display": "summarized"}.

Should You Upgrade?

Yes if: You do long-running coding tasks, vision-heavy work, or complex agentic workflows. The SWE-bench jump translates to shipping code instead of debugging why the model hallucinated an API.

No if: You're happy with 4.6 for simple chat—you won't notice much difference.

Pricing: Same per-token price ($5/$25 per million), but the new tokenizer means 0-35% more tokens. Monitor usage after migration.

→ Read the full deep-dive with code examples, AWS Bedrock setup, and detailed FAQ

Originally published on MeshWorld India.

Constructor in JAVA

Vishnu Digital — Sat, 27 Nov 2021 09:37:17 +0000

In this article, we will go through Java constructors, their types with the help of examples.

What is a Constructor?

Constructor is a special member function in JAVA whose name is the same as the class name. It is used to initialize objects at the time of their creation.

Example 1: Java constructor

class DemoExample {
    DemoExample() {
        // constructor body
    }
}

Here, DemoExample() is a constructor. It has the same name as that of the class and does not have any return type, not even void.

Constructor in JAVA

It has no return type, not even void.

It is invoked at the time of object creation or when an instance is created.

Types of Constructor

No-Arguments Constructor
Parameterized Constructor
Default Constructor

No-Arguments Constructor

The no-argument constructor is a constructor that does not accept any parameters/arguments.

Example 2: Java No-argument constructor

class Rectangle {
    double length, width;

    //No-argument constructor
    Rectangle() {
        setDetails(52, 47);
    }

    void setDetails(double l, double w) {
        length = l;
        width = w;
    }

    void display() {
        System.out.println("-----------------------");
        System.out.println("Length: " + length);
        System.out.println("Width: " + width);
        System.out.println("Area: " + calcArea());
    }

    double calcArea() {
        return length * width;
    }
}

class ConstructorDemo1 {
    public static void main(String[] args) {
        Rectangle r1 = new Rectangle();
        r1.display();
    }
}

Example 2 Output

-----------------------
Length: 52.0
Width: 47.0
Area: 2444.0

Parameterized Constructor

The Java parameterized constructor can also accept one or more parameters/arguments.
Such constructors are known as parameterized constructors or constructors with parameters.

Example 3: Java Parameterized Constructor

class Rectangle {
    double length, width;

    //Parameterized constructor
    Rectangle(double l, double w) {
        setDetails(l, w);
    }

    void setDetails(double l, double w) {
        length = l;
        width = w;
    }

    void display() {
        System.out.println("-----------------------");
        System.out.println("Length: " + length);
        System.out.println("Width: " + width);
        System.out.println("Area: " + calcArea());
    }

    double calcArea() {
        return length * width;
    }
}

class ConstructorDemo2 {
    public static void main(String[] args) {
        Rectangle r1 = new Rectangle(101, 70);
        r1.display();
    }
}

Example 3 Output

-----------------------
Length: 101.0
Width: 70.0
Area: 7070.0

Default Constructor

The Java compiler will create a no-argument constructor automatically when the user-defined constructor is not explicitly declared. Such constructor is known as the default constructor.
Each class has its own default constructor.
The Default constructor do not accept arguments.
Constructor declared by compiler initializes the object with default values.
Once the user defines its own default constructor, the compiler will use it to initialize an object.

Example 4: Java Default Constructor

class Rectangle {
    double length, width;

    void display() {
        System.out.println("-----------------------");
        System.out.println("Length: " + length);
        System.out.println("Width: " + width);
    }
}

class ConstructorDemo3 {
    public static void main(String[] args) {
        Rectangle r1 = new Rectangle();
        r1.display();
    }
}

Example 4 Output

-----------------------
Length: 0.0
Width: 0.0

Any uninitialized instance variables will be initialized with default values by the default constructor.

Type	Default Value
boolean	`false`
byte	`0`
short	`0`
int	`0`
long	`0L`
char	`\u0000`
float	`0.0f`
double	`0.0d`
object	`Reference null`

Read the complete post on our site Constructor in JAVA

Read others posts on our site MeshWorld

Hope you like this!

Keep helping and happy 😄 coding

Dart - Comments

Vishnu Digital — Thu, 22 Jul 2021 15:03:18 +0000

The comments are notes that developers can add in source code and are ignored by compilers. It's an art of describing what your code does and may be why. These comments are not evaluated.

It increases the code readability for other developers as well as self that allows to provide information of what tricky things are done within the code for better understanding and maintenance.

In this article, we will look into different types of comments supported by Dart.

The comments in Dart can be done in following different ways:

Single-line comments //
Multi-line comments /* ... */
Single-line Doc comments ///
Multi-line Doc comments /** ... */

Single-line comments in Dart

Single line comment can be done by // i.e double slash or double forward slash.

// this is a single-line comment

Multi-line comments in Dart

Multi-line comment also known as block comment. It can be done by /* ... */.

/*
  this is a multi-line comment
  we can also wrap code that is quite useful during debugging or development
*/

Dart guide suggests us to single-line comment //. The block comment (/* ... */) should only be used temporarily to comment out a section of code.

Single-line Doc comments in Dart

Doc comments parsed by dartdoc generates beautiful doc pages from them. A comment is any comment that appears before a declaration is called as Doc comment.

Doc comments also supports Markdown formatting

Single line Doc comment can be done by /// i.e triple slash or triple forward slash.

You can find usage of it in dart:io library available on GitHub

/// this is a single-line comment

Multi-line Doc comments in Dart

Multi line Doc comment can be done by `/ ... */`**. Below is an example of multi-line Doc comment.

/**
  * ** Important:** Browser-based apps can't use this library.
  * Only the following can import and use the dart:io library:
  *   - Servers
  *   - Command-line scripts
  *   - Flutter mobile apps
  *   - Flutter desktop apps
  */

Read the complete post on our site Dart - Comments

Read others post on our site MeshWorld

Hope you like this!

Keep helping and happy 😄 coding