DEV Community: Samee Ullah

Agentic Browsing in PageSpeed Insights: Checks and Fixes

Samee Ullah — Fri, 21 Aug 2026 16:31:48 +0000

Last updated: August 21, 2026

You opened PageSpeed Insights to check a slow page and noticed a new category: Agentic Browsing.

Some checks passed. One says Not applicable. Others mention llms.txt and WebMCP.

Should you worry?

No. Agentic Browsing measures whether an AI agent can understand and use your page. It is not a Google ranking factor, and a failed check is not an SEO penalty.

Here’s what the checks mean and which ones deserve your attention.

What Is Agentic Browsing?

Agentic Browsing is an experimental Lighthouse category in PageSpeed Insights and Chrome DevTools.

Traditional Lighthouse checks ask:

Is this page usable for people?

Agentic Browsing asks:

Can software understand this page and complete a task without guessing?

That means identifying buttons, understanding form fields, reading page structure, and interacting with stable content.

The category currently focuses on:

Accessibility and semantic structure
Cumulative Layout Shift (CLS)
llms.txt
WebMCP

The score is based on applicable checks. A result marked Not applicable is not a failure.

Important: Agentic Browsing is a readiness signal, not a ranking system.

1. Accessibility: Give Every Element a Clear Meaning

Agents, screen readers, and other automated tools rely on semantic HTML and accessible names.

Avoid clickable <div> elements and unlabeled inputs:

<div class="btn" onclick="submitForm()">
  <svg><use href="#icon-send"/></svg>
</div>

<input type="text" placeholder="you@company.com">

Use real controls and labels instead:

<button type="submit">
  <svg aria-hidden="true"><use href="#icon-send"/></svg>
  Send reset link
</button>

<label for="email">Email address</label>
<input
  id="email"
  name="email"
  type="email"
  required
  autocomplete="email"
>

The key improvements are:

Use <button> for buttons
Use <label> for form fields
Use meaningful input types
Hide decorative icons from assistive technology

You can quickly find unlabeled controls in DevTools:

[...document.querySelectorAll('button, a, input, select, textarea')]
  .filter(el => {
    const name =
      el.getAttribute('aria-label') ||
      el.labels?.[0]?.textContent ||
      el.textContent?.trim() ||
      el.getAttribute('title');

    return !name;
  })
  .forEach(el => console.warn('No accessible name:', el));

Priority: high. This improves accessibility, usability, and machine readability.

2. CLS: Keep the Page Stable

Agentic Browsing also checks Cumulative Layout Shift, a Core Web Vital.

If content moves after loading, an agent—or a human—may click the wrong element.

The standard thresholds are:

CLS	Verdict
0.00 to 0.10	Good
0.10 to 0.25	Needs improvement
Above 0.25	Poor

Common fixes include:

Add image dimensions

<img
  src="hero.webp"
  width="1200"
  height="630"
  alt="Acme dashboard overview"
>

Reserve space for embeds

<div style="aspect-ratio: 16 / 9; width: 100%;">
  <iframe
    src="..."
    loading="lazy"
    title="Product tour"
  ></iframe>
</div>

Avoid injecting banners into the page flow

.cookie-banner {
  position: fixed;
  inset-inline: 0;
  bottom: 0;
}

Priority: high. CLS already affects mobile usability and Core Web Vitals.

3. `llms.txt`: Optional, Not an SEO Requirement

The llms.txt check looks for a file at:

https://yoursite.com/llms.txt

If the file is missing, Lighthouse may show Not applicable.

That does not mean your site is broken.

Google has stated that llms.txt is not required for Google Search and does not improve or reduce rankings.

A basic file might look like this:

# Acme Analytics

> Self-serve product analytics for small engineering teams.

## Docs

- [Quickstart](https://acme.dev/docs/quickstart.md)
- [REST API](https://acme.dev/docs/api.md)
- [Event schema](https://acme.dev/docs/events.md)

Consider creating one if you publish technical documentation or an API that AI tools may need to understand.

For a standard business website or blog, you can usually skip it.

Priority: low and situational.

4. WebMCP: Useful for Task-Based Websites

WebMCP lets a website expose structured actions to AI agents.

For example, instead of asking an agent to find a search box, type into it, and guess which button to click, you can expose a tool such as:

if ('modelContext' in document) {
  const controller = new AbortController();

  document.modelContext.registerTool({
    name: 'searchProducts',

    description: 'Search the product catalogue.',

    inputSchema: {
      type: 'object',
      properties: {
        query: {
          type: 'string',
          description: 'Search keyword or phrase'
        }
      },
      required: ['query']
    },

    async execute({ query }) {
      return await productStore.search(query);
    },

    signal: controller.signal
  });
}

WebMCP is still experimental, so most websites do not need it yet.

It may be worth exploring if your site supports:

Product searches
Booking
Quote generation
Support tickets
Account workflows
Other task-based interactions

Priority: low for most sites.

How to Read the Report

A report might look like this:

Agentic Browsing                    3/3 checks passed

Accessibility tree                Passed
Cumulative Layout Shift  0.019    Passed
llms.txt                          Passed
WebMCP registered tools           Not applicable

The important detail is that Not applicable is excluded from the score.

You can inspect the underlying Lighthouse report with:

npx lighthouse@latest https://example.com \
  --only-categories=agentic-browsing

In the JSON output, notApplicable and informative do not mean failure.

Does Agentic Browsing Affect SEO?

No.

Agentic Browsing is a Lighthouse diagnostic category, not a Google ranking factor.

Your SEO priorities remain:

Helpful content
Crawlability and indexing
Internal linking
Mobile usability
Structured data where appropriate
Core Web Vitals

The good news is that several improvements overlap. Clear headings, semantic HTML, labeled forms, and stable layouts help users, search engines, assistive technology, and AI agents.

What Should You Do?

Use this priority order:

Fix accessibility issues
Improve CLS
Consider **llms.txt**** if you publish technical documentation**
Explore WebMCP only if your site depends on completing tasks

Do not implement a technology simply because it appears in a new PageSpeed panel.

“Not applicable” is not a to-do item.

Agentic Browsing is still experimental, but its main lesson is practical: make your website clear, semantic, and stable.

That helps every kind of visitor—including people, search engines, assistive tools, and future AI agents.

Frequently Asked Questions

Is Agentic Browsing a Google ranking factor?

No. It is a Lighthouse category, not part of Google's ranking system.

Do I need `llms.txt` for SEO?

No. Google does not require it for Search rankings.

Why does my report say “Not applicable”?

It means Lighthouse found nothing to evaluate. This is common for WebMCP when no tools are registered.

Should I implement WebMCP?

Only if your website's main purpose involves completing actions such as searching, booking, purchasing, or submitting forms. WebMCP is still experimental.

Will these checks change?

Probably. Chrome describes Agentic Browsing and WebMCP as experimental and subject to change. Focus first on durable improvements such as accessibility and CLS.

Next Step

Not sure which Agentic Browsing checks your site needs?

Request a free technical SEO and Core Web Vitals audit

We'll review your key templates, separate meaningful issues from optional checks, and provide a prioritised action plan.

Sources

How I Automatically Capture the Country of Newsletter Leads in GoHighLevel (GHL)

Samee Ullah — Thu, 30 Jul 2026 11:42:32 +0000

If you're using GoHighLevel (GHL) to collect newsletter subscribers, your form probably only asks for an email address. Keeping forms short is great for conversions, but it also means you miss useful information like the visitor's country.

I recently needed a way to identify the country of newsletter subscribers without asking them to fill out another field. After testing a few approaches, I found a simple solution that automatically detects the visitor's country and saves it inside GoHighLevel using a hidden custom field.

In this article, I'll show you exactly how to set it up.

The Problem

Most newsletter forms look something like this:

Email Address

Or maybe:

First Name
Email Address

That's enough to collect subscribers, but it doesn't tell you where they are from.

Without the country, you cannot:

Send country specific email campaigns.
Build location based automations.
Segment your audience by country.
Understand where your subscribers are coming from.

If you have subscribers from different countries, this data can be very valuable.

The Solution

Instead of asking visitors to select their country manually, we can detect it automatically using their public IP address.

The process is simple:

Create a hidden custom field in GoHighLevel.
Add that field to your newsletter form.
Detect the visitor's country using JavaScript.
Save the country into the hidden field before the form is submitted.

The subscriber only enters their email address, while GoHighLevel stores the country in the background.

Step 1: Create a Custom Field in GoHighLevel

Go to:

Settings → Custom Fields

Create a new custom field.

Field Name

Country Tracker

Field Type

Single Line Text

Save the custom field.

This field will hold the detected country for every newsletter subscriber.

Step 2: Add the Custom Field to Your Newsletter Form

Open your GoHighLevel newsletter form.

Add the newly created Country Tracker field.

Since visitors should never see it, set the field to Hidden.

Your subscribers will never interact with this field, but the value will still be submitted with the form.

Step 3: Find the Hidden Input ID

Now we need the HTML ID of that hidden field.

Open the page containing your form.

Right click and choose Inspect.

Inside the Elements tab, search for one of these:

country_tracker

Country Tracker

Eventually you'll find something similar to this:

<input
    id="tkSh7iX8ZeTa1BDUJtjK"
    data-q="country_tracker"
    type="text">

Copy the value from the id attribute.

In this example, the ID is:

tkSh7iX8ZeTa1BDUJtjK

You will replace the ID inside the JavaScript with your own if it is different.

Step 4: Add the JavaScript

Place this script on the page where your GoHighLevel form is embedded.

fetch("https://ipwho.is/")
  .then(response => response.json())
  .then(data => {

    const countryField = document.getElementById("tkSh7iX8ZeTa1BDUJtjK");

    if (countryField) {
      countryField.value = data.country;

      countryField.dispatchEvent(new Event("input", { bubbles: true }));
      countryField.dispatchEvent(new Event("change", { bubbles: true }));

      console.log("Country saved:", data.country);
    }

  })
  .catch(console.error);

Once the page loads, the visitor's country is detected automatically.

When the form is submitted, the hidden field is submitted with it.

Example

A visitor from Australia subscribes to your newsletter.

They only enter:

john@example.com

Behind the scenes, the script automatically stores:

Country Tracker: Australia

Inside GoHighLevel, the contact now contains both the email address and the detected country.

No additional fields were shown to the visitor.

Why This Is Useful

Personalize Email Campaigns

Create different email sequences based on where subscribers live.

For example:

United States
Canada
Australia
United Kingdom

Each audience can receive content that is more relevant to them.

Build Better Workflows

The Country Tracker field can be used inside GoHighLevel automations.

Examples include:

Apply country specific tags.
Send localized newsletters.
Route contacts to different teams.
Trigger different workflows.

Better Audience Analytics

You can quickly identify which countries generate the most subscribers.

This makes it easier to measure campaign performance and discover new opportunities.

Keep Your Forms Simple

Newsletter forms should stay short.

Instead of asking visitors to choose their country manually, everything happens automatically in the background.

That means fewer fields and a better user experience.

Final Thoughts

If you've been looking for how to get the country of the lead in GHL or how to get lead country via form, this approach is simple to implement and works well for newsletter forms that only collect an email address.

By creating a hidden Country Tracker custom field, adding it to your GoHighLevel form, finding the input ID, and using a small JavaScript snippet, you can automatically save every subscriber's country.

Once the country is stored, you can build smarter automations, create personalized email campaigns, and better understand your audience without asking visitors for any extra information.

If you have another approach for capturing lead location in GoHighLevel, I'd love to hear about it in the comments.

Make Your GoHighLevel Pages Feel Premium with Smooth Scrolling

Samee Ullah — Sat, 04 Oct 2025 10:21:04 +0000

🚀 How to Add Smooth Scrolling in GoHighLevel Using GSAP

Many people ask: “Can we add smooth scrolling inside GoHighLevel (GHL) pages?” Yes, we can! With the help of GSAP and a small piece of code, your page can scroll smoothly like Apple’s websites 😍.

Here’s a step-by-step guide:

🛠 Step 1: Add a Code Element in GHL

👉 In GoHighLevel, if you try to load GSAP inside Settings → Tracking Code → Header, sometimes the scripts do not work correctly.

So instead, do this:

Drag a Code Element onto your GHL page.
Open it and paste the full code inside.

This way, the scripts run properly.

🛠 Step 2: Paste GSAP + Smooth Scrolling Code

Inside the Code Element, paste the following:

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollSmoother.min.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function() {
  if (!document.querySelector(".smooth-wrapper")) {
    let body = document.querySelector("body");
    let wrapper = document.createElement("div");
    wrapper.classList.add("smooth-wrapper");

    let content = document.createElement("div");
    content.classList.add("smooth-content");

    while (body.firstChild) {
      content.appendChild(body.firstChild);
    }

    wrapper.appendChild(content);
    body.appendChild(wrapper);

    gsap.registerPlugin(ScrollTrigger, ScrollSmoother);
    ScrollSmoother.create({
      wrapper: ".smooth-wrapper",
      content: ".smooth-content",
      smooth: 1.5,
      effects: true
    });
  }
});
</script>

🛠 Step 3: Publish and Test

Save your page.
Open it live.
Scroll up and down.
Boom 🎉 — smooth scrolling is working!

🤔 Why This Works

GHL doesn’t allow script files in the header to always work.
By using a Code Element, we make sure GSAP loads correctly.
Then we wrap your page content in a new container so GSAP’s ScrollSmoother can control it.

⚡ Bonus Tips

Change smooth: 1.5 to 2 or 3 if you want even slower and softer scrolling.
You can also add GSAP animations to make each section fade in, slide, or zoom while scrolling.

✅ That’s it! Now your GHL pages will feel modern and smooth.
A small tweak, but a big upgrade for client experience 🚀.

👉 If you’re using GHL and want your funnels to look premium, perform better, and impress your clients, let’s connect. https://www.linkedin.com/in/samee-ullah-dev/

𝗠𝗼𝘀𝘁 𝗯𝘂𝘀𝗶𝗻𝗲𝘀𝘀𝗲𝘀 𝗸𝗻𝗼𝘄 𝘁𝗵𝗲𝘆 𝗻𝗲𝗲𝗱 𝗮 𝘄𝗲𝗯𝘀𝗶𝘁𝗲

Samee Ullah — Sat, 27 Sep 2025 21:18:10 +0000

💡 𝗠𝗼𝘀𝘁 𝗯𝘂𝘀𝗶𝗻𝗲𝘀𝘀𝗲𝘀 𝗸𝗻𝗼𝘄 𝘁𝗵𝗲𝘆 𝗻𝗲𝗲𝗱 𝗮 𝘄𝗲𝗯𝘀𝗶𝘁𝗲.
But very few realize that without a good design, their website is holding them back.

A messy or outdated UI makes visitors lose trust fast.
And here is the real problem… many small businesses do not have a UI design at all.

They come to me with just a logo, brand colors, and some content. That is it.
No design. No layout. No consistency.

So what do I do?
I use Lovable, an AI tool that helps me turn those basics into a professional design in few minutes.

𝗛𝗼𝘄 𝗟𝗼𝘃𝗮𝗯𝗹𝗲 𝗛𝗲𝗹𝗽𝘀 𝗠𝗲 𝗗𝗲𝘀𝗶𝗴𝗻
All I need to provide is:
✔ The client’s logo
✔ Their brand colors
✔ The type of business
✔ The style they want, like modern or minimal

And Lovable creates a design that already looks polished and professional.

𝗪𝗵𝘆 𝗖𝗹𝗶𝗲𝗻𝘁𝘀 𝗟𝗼𝘃𝗲 𝗜𝘁

✅ Faster results. They see a design in hours, not weeks.
✅ Branding that feels authentic and real.
✅ A modern, user friendly look without a full design team.
✅ A shareable preview link for instant feedback.

𝗔 𝗦𝗶𝗺𝗽𝗹𝗲 𝗘𝘅𝗮𝗺𝗽𝗹𝗲

I gather the client’s assets and enter a prompt like:

Design a modern business website using this logo and a blue and gold color scheme. The brand should feel professional and trustworthy.

Within a short time, I get a complete design that I can fine tune. Then I share the link with the client, and they can see exactly how their site will look.

𝗪𝗵𝘆 𝗧𝗵𝗶𝘀 𝗠𝗮𝘁𝘁𝗲𝗿𝘀

Using Lovable is not just about saving time.
It is about giving small businesses a website that feels intentional, on brand, and trustworthy from day one.

AI is not replacing creativity.
It is supporting it.
And for me, Lovable has become a smart way to solve one of the biggest problems in UI design.

Try now:

Bulk GoHighLevel Email Template Deletion Tool

Samee Ullah — Fri, 11 Jul 2025 22:08:36 +0000

Bulk GoHighLevel Email Template Deletion Tool

Clean up your GHL subaccounts in seconds — no code or backend needed.

Why I Made This

GoHighLevel (GHL) is a great platform for email marketing and automation. But there's one big problem — you can’t delete email templates in bulk.

If you have 50, 100, or 300+ templates, you have to remove them one by one. That takes a lot of time.

So I built a simple tool that helps you fetch, select, and delete multiple email templates with just a few clicks.

What This Tool Does

Fetch all email templates from your GHL subaccount
Show each template’s name, ID, and last updated time
Let you select multiple templates
Delete them in bulk using GoHighLevel’s official API
Works entirely in your browser — no server or database needed

What You Need

Before using the tool, you will need:

🔐 1. Location ID

This is your Subaccount ID in GoHighLevel. You can find it in your URL when inside a subaccount.

🔑 2. Private Integration Key

Go to:
Settings → API → Create Private Key

Make sure to give the key these permissions:

View Templates
Add/Edit/Update/Delete Templates

How To Use It

Download or open the tool in your browser (you’ll get the link from the GitHub repo below).
Enter your Location ID and Private Integration Key
Click “Fetch”
The tool will show all templates
Uncheck the ones you want to keep
Click “Delete from GHL” to start deletion
Keep at least a 2-second delay between each delete for safe API calls

⚠️ Important Notes

The tool runs in your browser. Your token is used locally, so make sure you’re using it on a trusted computer.
Once deleted, templates are permanently removed from your GHL account.

GitHub Link

👉 View Source Code on GitHub

💬 Final Thoughts

This tool is made for GHL users who want to save time and clean up their email templates quickly. No need for coding, servers, or manual deleting.

If you find this helpful, please give it a ⭐️ on GitHub or share it with other agency owners!

Tool Link: GHL Bulk Emails Deletion Tool
Let's connect on LinkedIn

Fridge-photo based recipe generator by using Google AI Studio

Samee Ullah — Fri, 11 Jul 2025 21:08:15 +0000

This post is my submission for DEV Education Track: Build Apps with Google AI Studio.

What I Built

I built a simple app that gives recipe ideas using a photo of your fridge. The user uploads a fridge photo, and the app finds the ingredients and shows easy recipes.
I used Google AI Studio with the Vision model. My prompt tells Gemini to detect ingredients and suggest simple recipes from what it sees.

This is the prompt that I used:

You are a helpful cooking assistant.

The user will upload a photo of the inside of their fridge. First, >analyze the image and identify only the visible food ingredients (e.g. >eggs, milk, vegetables, sauces, fruits, leftovers, etc.). Ignore non->food items like containers, packaging, bottles, or background objects.

Then, based on the identified ingredients, suggest 1 or 2 simple >recipes that can be made using only those ingredients.

Each recipe should include:

Recipe name

List of required ingredients (from the image)

Easy step-by-step instructions (maximum 4 steps)

If you cannot find enough ingredients, reply politely:

"I couldn't find enough ingredients to suggest a recipe. Please try a clearer photo."

Keep your response short, friendly, and beginner-friendly.

Demo

Link to my app (Google AI Studio App)
Live Demo

My Experience

I really enjoyed building this app. It was easy to use Google AI Studio and create something useful with just a prompt.

I learned how to write a good prompt for image input and how AI can turn images into smart responses. I plan to add more features to this app later!

𝗖𝗼𝗱𝗶𝗻𝗴 𝗜𝘀 𝗖𝗵𝗮𝗻𝗴𝗶𝗻𝗴 𝗙𝗮𝘀𝘁!

Samee Ullah — Wed, 23 Apr 2025 15:18:47 +0000

🚀 𝗖𝗼𝗱𝗶𝗻𝗴 𝗜𝘀 𝗖𝗵𝗮𝗻𝗴𝗶𝗻𝗴 𝗙𝗮𝘀𝘁!
"The future belongs to Developers who Master Prompt Engineering."

⚠️𝗪𝗵𝘆 𝗣𝗿𝗼𝗺𝗽𝘁 𝗘𝗻𝗴𝗶𝗻𝗲𝗲𝗿𝗶𝗻𝗴 𝗶𝘀 𝗡𝗼𝘁 𝗢𝗽𝘁𝗶𝗼𝗻𝗮𝗹 𝗔𝗻𝘆𝗺𝗼𝗿𝗲?
Companies are hiring coders who can:
💡Communicate with AI smartly
⚡Generate optimized code instantly
🧩Solve problems faster than ever

🤖𝗪𝗵𝗮𝘁 𝗘𝘅𝗮𝗰𝘁𝗹𝘆 𝗶𝘀 𝗣𝗿𝗼𝗺𝗽𝘁 𝗘𝗻𝗴𝗶𝗻𝗲𝗲𝗿𝗶𝗻𝗴?
"The skill of asking AI the right question — the right way."
AI is your Intern — but only if you guide it like a Manager.

✍️𝗛𝗼𝘄 𝗧𝗼 𝗖𝗿𝗲𝗮𝘁𝗲 𝗮 𝗞𝗶𝗹𝗹𝗲𝗿 𝗣𝗿𝗼𝗺𝗽𝘁?

1️⃣ Define Role —
"Act as Senior Software Engineer"
2️⃣ Add Context —
"Building an eCommerce REST API with Node.js"
3️⃣ Explain Problem Clearly —
"Need folder structure + auth system + best practices"
4️⃣ Specify Output Format —
"Provide code snippets + summary"

🚀𝗪𝗵𝘆 𝗧𝗵𝗶𝘀 𝗦𝗸𝗶𝗹𝗹 𝗪𝗶𝗹𝗹 𝗠𝗮𝗸𝗲 𝗬𝗼𝘂 𝗙𝘂𝘁𝘂𝗿𝗲-𝗣𝗿𝗼𝗼𝗳?
⚙️Fast Debugging
📦Ready to Use Code Templates
🏗️Clean Architecture Guidance
🚀Learning New Tech in Minutes
📈Scaling Solutions like a Pro

🧰𝗠𝘆 𝗙𝗮𝘃𝗼𝗿𝗶𝘁𝗲 𝗣𝗿𝗼𝗺𝗽𝘁 𝗧𝗲𝗺𝗽𝗹𝗮𝘁𝗲 𝗳𝗼𝗿 𝗗𝗲𝘃𝗲𝗹𝗼𝗽𝗲𝗿𝘀:
"Act as Senior Backend Developer.
Tech Stack: Node.js, Express, MongoDB.
Task: Generate scalable API structure for a marketplace.
Output: Folder structure + auth logic + best practices."

🧠𝗙𝗶𝗻𝗮𝗹 𝗡𝗼𝘁𝗲 𝗳𝗼𝗿 𝗖𝗼𝗱𝗲𝗿𝘀:
"AI is not here to replace you.
But Developers who know Prompt Engineering...
Will replace those who don't."

🚀 Future of Developers is changing faster than your VS Code auto-save!

Samee Ullah — Fri, 11 Apr 2025 16:16:21 +0000

AI is not coming to take your job...
It's coming to take your tasks.
Only those developers will survive & lead — who know how to think beyond code.

This is what I call:
Future-Proof Developer Roadmap — AI Era Edition

👉 Step 1: Mindset Upgrade

Stop being just a coder.
Start being a problem solver.
Think systems. Think solutions.

👉 Step 2: Master Prompt Engineering

AI Tools are your juniors now —
You just need to ask them the right questions.
Learn the art of giving instructions.

👉 Step 3: AI Assisted Coding

Use AI like a boss:

ChatGPT
GitHub Copilot
Cursor IDE
OpenAI API

AI writes code —
You design the logic.

👉 Step 4: System Design Mastery

Real developers don't just build apps —
They build systems that scale.

Learn:

Low Level Design
High Level Architecture
API Best Practices

👉 Step 5: Modern Tech Stack

Stay updated or stay outdated.
Frontend: React / Next.js / Angular
Backend: Node.js / Django
Databases: PostgreSQL / MongoDB
DevOps: Docker / AWS

👉 Step 6: Build Real Projects

Your skills mean nothing without proof.
Build — Launch — Repeat.

👉 Step 7: Soft Skills Matter

Communication is your superpower.
Explain complex things in simple words.

👉 Step 8: Show The World

Active GitHub
Strong LinkedIn
Write Blogs
Share Ideas

AI will not replace developers —
But developers who use AI smartly...
Will replace those who don't.
Let the future be your playground.
Let AI be your tool.
Let your brain be the driver.
Want to see the full roadmap?
Check this visual I created 👇

CSS Responsive Image Overlay

Samee Ullah — Fri, 15 Mar 2024 17:45:22 +0000

This is a CSS Responsive Image overlay loader with blurred main content, simply paste the code in a javascript file and call it anywhere, like API call, on page load, and remove when any task is done.

#NoTesting?? Here’s what it means to me.

Samee Ullah — Fri, 18 Sep 2020 11:39:33 +0000

NoTesting, as I understand it, is an attempt to kick people’s brains into thinking about a better way of doing things. Its not supposed to be a command to not do any testing without any idea.

To me, it means “do better testing”. This kind of testing that possibly some people wouldn’t know testing.

The #NoTesting hashtag is having a bit of a resurgence , so I thought I would jump on the bandwagon and write down my opinions on the whole thing.

The term is very confusing to say the least.

Many people take it to mean “don’t do any testing”, which is logical that they interpret it that way since the hashtag is completely saying “No Testing”. If people “interpret” the #NoTesting hashtag in this way without putting any thinking into it, then those people are damned to failure.

So after watching the tweets, and start thinking myself that people were promoting not doing any testing whatsoever, I decided to search to get to the bottom of the meaning of the hashtag.

Let me explain:
The majority of people working in software perceive testing as: “ensuring that the software meets expectations set by requirements”.

This statement is based on my experience that I have asked the question “what is software testing?” hundreds of times in work shops, meetups, work places and offices, etc to people from all over the world who work across so many different disciplines in the software industry. This is far the most “common” answer to the question I posture to them. Sometimes the words vary; “it’s asserting the requirements”, or “it’s checking the software works as expected” But it is always the same meaning behind the words, that is we have an “expectation” from some “artefacts” and we assert those “expectations” against the software once it’s been develop.

As an estimate from all these “conversations” I’ve had, I did say that over 90% of the people I’ve asked that question to, define testing in this way.

So, if you think about that being what people think software testing is, then the #NoTesting hashtag might be useful for us here. You can see, testing is much more than “argue” assumption. There are many more testing activities that involve searching unknowns and risks to uncover information (i.e. all the stuff that aren’t in the “artefacts” and we don’t have expectations for). Think about all the variables, assumptions, ambiguities, unexpected things, etc.

Don’t just do the scripted:
Don’t just do the scripted, assertion side of testing, (Perhaps the “hashtag” could actually be created to #NotTesting for this to make people aware they are missing a lot of the other testing exercise that they should be doing).

But with the real meaning of #NoTesting as it’s supposed to be used (to trigger thinking on how we can do things better) then the “hashtag” is supposed to generate thinking about how we can change things. E.g. “Only testing the condition – #NoTesting” will hopefully “trigger” people to think about how they can better their testing or how they might not be testing completely.

But the “hashtag” can even be cooperative for people who do understand the “investigative” side of testing already too!
Lets go deeper for a second, and imagine I was “standing” over your shoulder at work time and I literally said to you: “Don’t test the software product!! #NoTesting!!“. What would you do? You know there are issues that need to be opened and investigated, but how might you test for these issues that you are aware need to be “investigated” if you’re not allowed to focus clearly on the product?

Take a second to think about this before reading on Think genuinely about how you would respond to my challenge.

(Please don’t respond in an argumentative way The point is to get you to think about how else, or what else you can test/investigate to uncover information about risks, quality and value).

If one of you set that “challenge” to me through that “statement” of “Don’t test the software product” and asked me the same “experience” to get me to think about that how I might test for the liability without checking the software product, my “aptitude” would be to find a way to “investigate” those risks sooner, before the software product is developed. possibly through pairing as the code is being written? Or even before that “pairing” while the code is being developed? Or before that still – when the idea for the software solution is being thought about and discussed, and while the artifacts are being created, and the UX and UI wire frames are being drawn?

I can search and raise the risks at any of these points in time to benefit and challenge the ideas, artefacts, “UX/UI” design wire frames, code design and “written code”, so that the risks are at the “forefront” of everyone is thinking within those activities. This might actually allow us to prevent many issues from being coded into the software product, if we catch the bugs in out thinking and “understandings/misunderstandings” before and during the develop of the software product.
I can use my testing skills all throughout the “SDLC” to enable others to be aware of the issues and to help them allay those compromise before I alike have a software code in front of me to test.

Now, I am still testing at least in my experience I am, based on the whole design of testing, including “investigative testing”.

Read this blog: https://softisans.com/notesting-heres-what-it-means-to-me/

For more blogs

TOP 10 PHP FRAMEWORKS FOR WEB DEVELOPMENT

Samee Ullah — Thu, 20 Aug 2020 19:39:14 +0000

Top 10 PHP frameworks
Here is a list of the best PHP frameworks based on popularity, ease and the ability to facilitate web development process.

Laravel

Laravel is the most popular PHP framework with an expressive, robust, elegant syntax. It can ease to handle complicated web applications safely and at a much faster speed than any other frameworks.

The framework also has a robust templating engine that simplifies the development process by easing common tasks such as caching, session, routing and authentication etc.

Laravel comes up with plenty of functionalities that make the rapid application development a reality. Its Artisan command-line interface provides many supporting commands when developing the application. Moreover, It comprises a vast ecosystem with a fast, reliable hosting and distribution platform.

Symfony

The Symfony Framework was launched in the year 2005, and due to being oldest, Symfony has become a reliable framework for web applications. It is also known as a comprehensive PHP MVC framework, meeting to all PHP standards.

The framework is a comprehensive one and is the only one that fully complies with the standards of PHP & the web.

Symfony components are used by well-known CMS like Drupal, OroCram, and PHP Bulletin Board. When it comes to large-scale enterprise applications, Symfony is the right choice.

CodeIgniter

It is a simple yet powerful framework for PHP web application development. This can be installed without any hassle and it needs some basic user configurations. Besides this, it works well on most shared hosting platforms. It provides a simple toolkit and several pre-built modules for building full-featured PHP web applications. Another strength of this structure is its speed and lightness. It runs faster with database functions as compared to other PHP frameworks.

It is a great idea, to begin with, CodeIgniter as it is a well documented framework that is best for usage. It uses the MVC (Model View Controller) approach that separates the business logic and presentation layer within the code.

CodeIgniter is also getting more attention than Laravel because of framework functionality and coding style is slightly better and easy to use.

Zend Framework

An object oriented, MVC based framework, with features such as interfaces and inheritance that make it expandable, is Zend Framework in our list. It allows loading only those components and functions which are needed as individual libraries.

It is built on agile functionality to deliver high quality applications. The Zend Framework is highly customizable and follows all the PHP practices and standards. Due to the object-oriented-ness, you can reuse a lot of code you’ve written. Moreover, it is quite easy to integrate the platform with external libraries so that its functionality can be enhanced even further.

CakePHP

CakePHP is also the most popular frameworks, and it has still maintained its popularity because it has evolved and persists over time. It is an independent, open-source, rapid application development framework. It offers new functionalities with each new version to keep the strong user base. CakePHP got an active developer community that brings excellent value to the project. Using CakePHP means that the core of your application has been well tested and continuously improved. The current version of CakePHP has features like improved modularity and increased ability.

It is the right choice for business application projects as it provides high end security with features such as SQL injection prevention, cross-site request forgery protection and cross-site scripting protection along many others.

FuelPHP

FuelPHP is a flexible PHP framework that also supports the MVC as well as the HMVC architecture. It allows the applications to display more than one page at a time. This framework is being updated over time and is therefore expected to see further improvements in 2020. The framework has significant features such as HMVC that consume less time and memory. The HMVC implementations facilitate to create web applications with varied functionalities and complexities.

The FuelPHP framework primarily focuses on security concerns. It uses URI filtering along with output encoding to deal with safety measures. FuelPHP is an ideal fit for creating web-based solutions of different sizes and complexities.

Yii 2

Yii stands for Yes, it is! It is a component based framework for high-performance, simple and fast-developing modern PHP web applications. Yii is a standard PHP framework for web application development. So, it can be used to develop all types of web applications using PHP.

Because of its component based architecture and caching support, Yii2 is best for developing extensive applications such as forums, CMS, portals, e-commerce applications etc.

Yii is one of the oldest PHP frameworks, and the recently latest version is released as Yii 2 to boost popularity. Yii 2 is genuinely object-oriented and is based on the DRY (Don’t Repeat Yourself) coding approach/concept.

The framework comes with many robust features such as the loading technique, which makes it faster than other PHP frameworks. Also it is the best fit for large-scale web application development as it can be integrated with AJAX and jQuery features easily. Additionally, it has a secure class code generator called Gii that facilitates object oriented programming and rapid prototyping for applications.

Phalcon

Phalcon is a high-performance PHP framework, its source code is written in C, so basically it is a C extension of PHP. It is one of those fastest frameworks people have enjoyed using.

The outstanding features and architecture make this framework fast. Also It is easy to install and is suitable for building high-configuration web applications that conform to enterprise standards. It makes use of only limited resources.

Phalcon is very light on resources, follow the MVC architecture and it is unique in that there are almost no files in the framework after you install it. You can only add modules and libraries whenever you want them.

Slim

To create simple yet powerful web applications, Slim may be the ideal option for you. It is a micro-framework that helps you build robust but straightforward web applications and APIs. It is best for developing small applications that do not need the full-stack framework features. Minimal Slim nature is full of rich features such as URL routing, session and cookie encryption and support for ‘Flash’ messages in HTTP requests.

What makes it most user-friendly is its active user base, regular maintenance, and upgrades. Slim is the perfect fit for small web applications.

PHPixie

The PHPixie is one of the most well-known full-stack PHP frameworks while preserving its high performance. It was developed for simple read-only websites that focus on performance. It implements an HMVC design pattern which is similar to that of FuelPHP and is built using independent elements/modules which can also be used without frameworks.

PHPixie segments provide full unit test coverage. It has some distinctive features such as Object-Relational Mapping, input validation, and authentication capabilities. The PHPixie community is very helpful; you can expect to get an answer to your question within a few minutes.

DEV Community: Samee Ullah

Agentic Browsing in PageSpeed Insights: Checks and Fixes

What Is Agentic Browsing?

1. Accessibility: Give Every Element a Clear Meaning

2. CLS: Keep the Page Stable

Add image dimensions

Reserve space for embeds

Avoid injecting banners into the page flow

3. llms.txt: Optional, Not an SEO Requirement

4. WebMCP: Useful for Task-Based Websites

How to Read the Report

Does Agentic Browsing Affect SEO?

What Should You Do?

Frequently Asked Questions

Is Agentic Browsing a Google ranking factor?

Do I need llms.txt for SEO?

Why does my report say “Not applicable”?

Should I implement WebMCP?

Will these checks change?

Next Step

Sources

How I Automatically Capture the Country of Newsletter Leads in GoHighLevel (GHL)

The Problem

The Solution

Step 1: Create a Custom Field in GoHighLevel

Step 2: Add the Custom Field to Your Newsletter Form

Step 3: Find the Hidden Input ID

Step 4: Add the JavaScript

Example

Why This Is Useful

Personalize Email Campaigns

Build Better Workflows

Better Audience Analytics

Keep Your Forms Simple

Final Thoughts

Make Your GoHighLevel Pages Feel Premium with Smooth Scrolling

🚀 How to Add Smooth Scrolling in GoHighLevel Using GSAP

🛠 Step 1: Add a Code Element in GHL

🛠 Step 2: Paste GSAP + Smooth Scrolling Code

🛠 Step 3: Publish and Test

🤔 Why This Works

⚡ Bonus Tips

𝗠𝗼𝘀𝘁 𝗯𝘂𝘀𝗶𝗻𝗲𝘀𝘀𝗲𝘀 𝗸𝗻𝗼𝘄 𝘁𝗵𝗲𝘆 𝗻𝗲𝗲𝗱 𝗮 𝘄𝗲𝗯𝘀𝗶𝘁𝗲

Bulk GoHighLevel Email Template Deletion Tool

Bulk GoHighLevel Email Template Deletion Tool

Why I Made This

What This Tool Does

What You Need

🔐 1. Location ID

🔑 2. Private Integration Key

How To Use It

⚠️ Important Notes

GitHub Link

💬 Final Thoughts

Fridge-photo based recipe generator by using Google AI Studio

What I Built

Demo

My Experience

𝗖𝗼𝗱𝗶𝗻𝗴 𝗜𝘀 𝗖𝗵𝗮𝗻𝗴𝗶𝗻𝗴 𝗙𝗮𝘀𝘁!

🚀 Future of Developers is changing faster than your VS Code auto-save!

👉 Step 1: Mindset Upgrade

👉 Step 2: Master Prompt Engineering

👉 Step 3: AI Assisted Coding

👉 Step 4: System Design Mastery

👉 Step 5: Modern Tech Stack

👉 Step 6: Build Real Projects

👉 Step 7: Soft Skills Matter

👉 Step 8: Show The World

CSS Responsive Image Overlay

#NoTesting?? Here’s what it means to me.

NoTesting, as I understand it, is an attempt to kick people’s brains into thinking about a better way of doing things. Its not supposed to be a command to not do any testing without any idea.

TOP 10 PHP FRAMEWORKS FOR WEB DEVELOPMENT

Laravel

Symfony

CodeIgniter

Zend Framework

CakePHP

FuelPHP

Yii 2

Phalcon

3. `llms.txt`: Optional, Not an SEO Requirement

Do I need `llms.txt` for SEO?