DEV Community: Samee Ullah

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.