For smart Primates & ROBOTS (oh and ALIENS ).

Sunday, April 12, 2026

ChatGPT's Sam Altman Lacks Understanding of Coding, Programming, AI, and Machine Learning; OpenAI Employees Reveal Shortcomings

ChatGPT's Sam Altman Lacks Understanding of Coding, Programming, AI, and Machine Learning; OpenAI Employees Reveal Shortcomings.



Did you know that the person who say and assume the AI is superior than humans, Who argues that while it takes 20 years to raise a human; creating an AI does not and who advocates for creating AI rather than humans is actually possesses zero understanding of Coding, Programming, AI, and Machine Learning?

He simply cannot grasp these concepts. These claims have been made by several OpenAI employees themselves.



Employees at OpenAI ChatGPT, have leveled serious allegations against the company's CEO. Regarding CEO Sam Altman, they have stated that he lacks an understanding of Programming, Coding, Logic, AI, Machine Learning, and it's Related fields. Furthermore, he frequently misuses even basic technological terminology.

[**Note: There are some links that Sam Altman responsible for "Suchir Balaji" death(Ex employee of OpenAI) was found dead 1 month after accusing OpenAI Nov-26-2024.]

Recently "The New Yorker" published a report based on interviews conducted with individuals currently working within OpenAI.

- Several employees who have worked alongside Altman stated that he lacks a fundamental grasp of Coding, Logic, Programming, AI, Machine Learning and Technology in general; they assert that he cannot be accurately described as a technology expert.


"The New Yorker" report further notes that engineers within the company have also raised serious concerns, alleging that Altman misunderstanding even basic technical terms. This misuse of terminology often leads to confusion among staff members.

Employees who have worked with him also describe him as a manipulator, a trait that allows him to easily influence others. He is adept at convincing various individuals that he is a staunch ally and supporter of their interests.

Carol Wainwright, a former researcher at OpenAI, remarked that Altman is an expert at persuasion. She noted that he can effortlessly sway people's opinions often without the other person harboring even the slightest suspicion that their views are being manipulated.

Sam Altman dropped out of Stanford University before completing his studies. In 2005, after two years of studying Computer Science, he dropped out of college midway to start his own company. He is now a businessman.

An investigation was also conducted regarding the events of 2023, during which Altman was removed from the position of CEO. Many people noted that the board members did not place a great deal of trust in Altman.


My belief is that:
- He was weak in Logic, Coding, Programming, AI, Machine Learning, and Technology and found himself in difficult; this is precisely why he dropped out of his studies halfway through.

- He do not know technology, even basic technological terminology and, as a result of using incorrect terms, confuses many people. These claims have been made by several OpenAI employees themselves.

- **There are some links that Sam Altman responsible for "Suchir Balaji" death.

- This situation is exactly akin to handing over the steering wheel of your car to a driver who does not know how to drive at all—while you sit in the back seat of that car.

- It was for this very reason that the board members did not have much confidence in Altman, and he was removed from the CEO position in 2023.


Did you know that Sam Altman is gay?
Due to being gay, he is an expert at ingratiating himself with people, winning them over, and instilling a sense of trust in them. He manages to convince various individuals that he is their ally and supporter. And these are traits typically found in gay men.


What are your thoughts?

Share:

Monday, March 30, 2026

The future is bright for software developers who write code without relying on AI tokens.

The future is bright for software developers who code without relying on AI tokens.




Think of it this way: we typically need just a few drops, a cup, or at most a small glass of water. We don't need a large glass filled to the brim. Consequently, there is absolutely no room here for entire mugs or buckets of water.



If you look at the current landscape, a significant portion of the work attributed to AI is actually executed using Python.

Note: Many people are currently unaware that AI generates its output by utilizing Python.


For instance, video creation tools often rely on FFMPEG.

So, if you know how to use FFMPEG, you can create videos from images, trim video clips, add audio tracks to videos, and extract or cut audio segments from them.


You can do exactly the same thing yourself.

I recently completed a project for a client involving the creation of videos from images all without using any AI software whatsoever.
I myself accomplished the entire task using FFMPEG.


AI companies have developed their respective software platforms and are now essentially sitting on them; they aren't generating any sales. That is precisely why they have manufactured such an immense amount of hype. If you pause to reflect on your own life experiences, you will realize that you have likely never witnessed a level of hype comparable to the one these AI companies have manufactured.


These AI companies are constantly battling amongst themselves even filing lawsuits against one another. They are all insatiably hungry for money.

They are failing to recoup the substantial costs incurred in developing their software not to mention the additional expenses involved in maintaining it.

This is the primary reason why these AI companies are generating such hype.


If you were to ask anyone right now provided they answered honestly they would tell you that they are not satisfied with the output generated by AI.


Amidst all this, there are some shrewd individuals who are making minor tweaks to their existing software or websites simply slapping on an "AI" logo or tag and selling them as AI-powered tools, even though their software utilizes absolutely no AI whatsoever.

So, the future is bright for software developers who write code without relying on AI tokens.


What is the rush to get work done that you have to use AI every single time?

Have some respect for time, brother.

Share:

Sunday, March 29, 2026

Truth about AI Chatbot which you install on your website

Real Reality of AI chatbot.




People often assume that simply installing an AI chatbot on their website is a brilliant idea. However and this is a crucial point, your chatbot is actually hindering users from sharing their feedback, ideas, logical issues and reporting critical bugs.



It presents users with irrelevant options, unnecessarily keeping them occupied and wasting their time. Consequently, users become frustrated; they either abandon the site without reporting the issue or bug, or even if they somehow manage to successfully share it they vow never to return to your website again, no matter how excellent your products or services may be.


As a result, the exchange of bug reports, essential information, and user feedback is effectively stifled.


Instead of saving your users' time, your chatbot is actually wasting it.


After installing AI chatbot you can notice that support tickets dramatically reduce but in reality user frustrate about this AI chatbot and leave the bug, issues etc. this is the reality and companies think they are doing good. and slowly... slowly their business gets losses.


Most importantly, AI chatbot acts as a barrier to the sharing of valuable insights and critical bugs. This ultimately results in significant losses for both the website owner and the business owner.

Share:

Thursday, March 26, 2026

FFMPEG is the unsung hero of almost every AI video platform on the planet. Videos creating using AI is not a rocket science, FFMPEG is behind it

FFMPEG is the unsung hero of almost every video platform on the planet. Videos creating using AI is not a rocket science, FFMPEG is behind it.




People often forget that behind the “magic” of AI, there is a lot of standard,  reliable engineering like FFMPEG holding it all together.



20 Years of Dominance of FFMPEG:

FFMPEG has been in development for over 20 years. It supports nearly every codec and format known to man, which is why every major AI company uses it in their pipelines.

In video and image generation FFMPEG is the muscle. If you want to understand video generation, start by understanding FFMPEG.


Creating videos using AI isn’t rocket science:

Creating videos using AI isn’t rocket science; FFmpeg is the engine behind it. AI doesn’t just “magically” generate videos. Instead, models like Diffusion or Transformers create a series of images by predicting what the next pixel or frame should look like based on mathematical patterns.


Simply put, AI generates a sequence of images, and FFMPEG does the heavy lifting to turn those frames into a video.


FFMPEG is king. If you know how to use it, you can manipulate video just like the big AI companies do.


Every major AI company uses FFMPEG in their pipeline because it has 20 years of development and supports nearly every codec known to man.

#FFmpeg

#FFMPEG

#VideoEngineering

Share:

Sunday, November 16, 2025

Fake Speed Optimization and Core Web Vitals of Website

This summary is not available. Please click here to view the post.
Share:

Saturday, November 15, 2025

Fake Speed Optimization Of Website | Spoof Google Pagespeed Insights Score Scam


Beware of FAKE Speed Optimization Of Website SCAM.

 

fake speed optimization of website - scam

You can get page speed inaccurate information as it could be SCAM because there are many persons/plugins/apps who just bypass the test result of Google PageSpeed Insights, GTmetrix, Pingdom and many more test result and provide FAKE SPOOF speed scores and it is World's number 1 scam.

 

How they bypass the real speed of website?

That Scammer peoples/apps/plugins install the server side or client side JavaScript code or both, That code just check if website is audit by Google PageSpeed, GTmetrix, Pingdom or any other speed test benchmark tool, then make the changes in code to not use the website's resources. It's result; Google PageSpeed, GTmetrix etc show High score but real world and real user see website with full of resources.

 

What effect when fake speed of website?

Fake speed of website is danger for website owner. Your website face Bad User Experience, Consumes high server resource usage, Increase Bounce Rate, Decrease Conversion Rate, Search engines/AI search engines will penalize these websites BLACK LIST for Growth and Rank.

Ultimately, it will be your loss.

 

World's No. 1 Scam is "Website Fake Speed Optimization".

I have worked many website's owners and I have seen that this scam is everywhere.I think this must be awarded with "WORLD'S NUMBER ONE SCAM IN WEBSITE/ONLINE BUSINESS". 

Ton's of website having fake speed. Google PageSpeed Insights, GTMetrix, PingDom and other website speed tester must look into this serious issue. Because it is matter of misusing their intellectual property. In this scam many peoples/plugins/apps are involved. They have deployed their code in famous hosting websites and freely using in many website.

 

What is the Genuine Cost Of Real Speed Optimization of Website?

First of all, Website's Real Genuine Speed Optimization is depends on it's own complexity and code. But normally Website's True Speed Optimisation is the work start from $1500 to $5000. It is real cost.

Who is responsible for Website's Fake Spoof Speed?

As per many reviews client and profession 50%-50% responsible for Fake Spoof Speed Optimization.

50% responsible is client because they pay cheap price $150-$250 for speed optimization of their website. Any professional who provide Genuine service of website speed optimization will never accept that cheap price. Only scammer peoples accept cheap price from website's owner and provide misleading speed of website.

50% responsible is professional because they offer high speed optimization services. But in real they server fake spoof speed services.

So, always choose Genuine Person who provide True speed of website.

A story I want to share. A website's owner contacted me that his website is continue increasing Bounce Rate, Lower conversion, Visitors leaving their website. Even his regular website user sent him email as "I'm your regular user but your website is slow from start, So I am buying products from other website". Website's owner was shocked. Then I tested his website's speed performance in Google PageSpeed Insights and GTMetrix. I was seeing Mobile performance score 92 and Desktop 100. GTmetrix show "A" Grade. I told him your website is super fast as per speed test tool but your customers complaining about slow speed, So I need to check your website's code.

During checking website's code I've seen fake speed optimization code was there. I've informed him all the thing clearly. He told, he hired a professional from famous freelancer marketplace website, name is "******". I can not share name due to privacy, Start with "U".
He handed-over work of his website speed optimization. I removed fake speed code and delivered Genuine speed performance score of his website.

Contact me for Genuine True Website Speed Optimization of any types of website. 

 

 

How to identify website fake spoof speed performance optimization?

I am developing a AI enabled app that will tell you if your website's speed is REAL or FAKE.

Link is her: 

Agalaxycode.blogspot.com - Fake Website Speed Optimization Scam Detector. 

https://agalaxycode.blogspot.com/2025/11/detector-website-fake-speed-optimization-auditor-of-website-fake-speed.html

Share:

Sunday, March 02, 2025

View Page Source of any website page in mobile browser

Get View Page Source, View, copy and download HTML code of any website page

🔍 View Source API

Extract full HTML source code from any website

Source: | Length: chars | Time:

            
Share:

Saturday, February 15, 2025

Core Web Vitals Assessment showing LCP 10.6s while google pagespeed report showing LCP 3.5s why?

Core Web Vitals Assessment showing LCP 10.6s while google pagespeed report showing LCP 3.5s why?

Core Web Vitals Assessment showing LCP 10.6s while google pagespeed report showing LCP 3.5s why?

So, you can face this situation while testing your website's any page speed performance score for mobile and desktop.
You can see the similar test result on Google PageSpeed Insights.
The header heading Core web Vitals Assessment LCP is 10.6 seconds but the bottom report shows LCP 3.5 seconds.
The difference between Core Web Vitals (LCP) and Google PageSpeed reports (LCP) depends on many factors. here are some of them:

The Core Web Vitals:

The Core Web Vitals metrics score represents the real actual user's experience.
It also depends on users' conditions, device, location and network conditions.
So the LCP is showing different users.

The Google PageSpeed Insights:

Actually it generates metrics tests from a self defined environment.
So it does not get the data of real world end users for ex: device hardware, poor device network, what software extension installed in device or network speeds. It is also same for other metrics for ex: First Contentful Paint (FCP), Time to First Byte (TTFB), Cumulative Layout Shift (CLS) and Interaction to Next Paint (INP)

Hope you understand.

If you need any other explanation or help just comment.

 

Share:

Friday, January 17, 2025

Image Zoom Hover Effect

Image Zoom Hover Effect

Animations are good and it make website's pages attractive and more live. It feel user to see live things. Here you can user videos etc or gif image, But the problem is after using videos or gif file your website's page will heavy and load slow. These heavy file will consume your hosting spaces and also consume user's data and bandwidth. 

So in this case we can use animations to make some zoom-in and zoom-out effect to JPG and PNG file. Using this we can save data and bandwidth. We will do it with simple CSS. Here we are not using any JavaScript, which can make it complex. below are 2 images. 1st one is normal image, and when your mouse hover then it will zoom. see 2nd image.

Here is the below code action for image zoom-in zoom-out:

Image Zoom Hover in Effect, Image Zoom Hover out Effect
                                                    1st Image zoom hover out effect

 

Image zoom hover in effect
                                                        2nd Image zoom hover in effect

 

 

 

Here is the below code for image zoom-in zoom-out:

 <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Image Zoom Hover Effect</title>
  <style>
body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background-color: #f4f4f4;
}

section {
  text-align: center;
}

.image-container {
  position: relative;
  overflow: hidden; 

  display: inline-block;
  width: 100%;
  max-width: 500px;
 border-radius: 10px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);}

.image-container img {
  display: block;
   border: none;
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
  transform: scale(1.1); /* Default size */  /* IMPORTANT PART */
  transition: transform 9.5s ease-in-out; /* Smooth transition for zoom effect */
}


.image-container:hover img {
  transform: scale(2); /* Zoom in */ /* IMPORTANT PART */
}

  </style>
</head>
<body>
  <!-- Container for the Zoom Effect -->
  <section>
    <h2>Image Zoom Hover Effect</h2>
    <div class="image-container">
      <img src="1.jpg" alt="Zoom Effect Image">
    </div>
  </section>
</body>
</html>

 

Share:

Tuesday, December 03, 2024

How to make center align child div

 How to make center align child div?

 

Suppose you have 2 Div tag. And want the make inner tag center

<div id="d1">

    <div id="d2">

 

     </div>

  </div>

 

Then you will use below 1 line css code as below:

style="margin: 0 auto;" 


<div id="d1">

    <div id="d2" style="margin: 0 auto;" >

 

     </div>

  </div>

Share:

Change section tag's background image at runtime

Change section tag's background image at runtime

 

Change <section> tag's background image at runtime. we assume that <section> tag's "back-img-url" attribute have the image link.

 

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Change <section> tag's background image at runtime. we assume that <section> tag's "back-img-url" attribute have the image link. </title>
</head>
<body>
Change <section> tag's background image at runtime. we assume that <section> tag's "back-img-url" attribute have the image link.
<section id="sec" class="image_main-banner-class module-container image-full-width-img text-text good-style    fullimg-width-background    "
back-img-url="IMAGE-URL">
Test Test Test<br/>Test Test Test<br/>Test Test Test<br/>Test Test Test<br/>Test Test Test<br/>Test Test Test<br/>Test Test Test<br/>
</section>
<script>
try {
    let sec = document.getElementsByClassName("image_main-banner-class module-container image-full-width-img text-text good-style    fullimg-width-background    ");
    let img=sec[0].getAttribute("back-img-url");
    sec[0].style.backgroundImage = "url('"+img+"')";
} catch (err) { console.log(err); }   

let tttt=0
if (window.screen.width < 500) {
tttt=5000;
} else {
tttt=2500;
}
</script>
</body>
</html>

 

 

 

 

Share:

content visibility example

Content Visibility Example

 

 

 <!doctype html>
<html lang="en-au">
<head>
    <meta charset="utf-8">
    <title>Homepage</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.story {  content-visibility: auto;  contain-intrinsic-size: auto 1300px;}
body {  font-size: 18px;  background: #fdfbfb;  padding: 0 2rem;  font-family: sans-serif;  box-sizing: border-box;  line-height: 1.4;}
article {  margin: 0 auto;  max-width: 960px;}
article p:first-of-type {  font-size: 1.2rem;}
blockquote {  padding: 2rem;  border: 3px dashed rebeccapurple;}
h1 {  text-align: center;  font-size: 2.75rem;}
a {  color: inherit;  font-weight: bolder;}
ul {  list-style: none;}
nav {  display: flex;  justify-content: space-between;  align-items: center;}
nav ul {  list-style: none;}
figure {  width: 100%;  margin: 0;}
img {  width: 100%;  max-width: 100%;}
ul {  list-style: circle;}
.grid-2 {  display: grid;  grid-template-columns: repeat(2, 1fr);  gap: 1rem;  margin-top: 1rem;  margin-bottom: 1rem;}
figcaption {  font-size: 80%;  background: rebeccapurple;  color: white;  text-align: center;  padding: 1rem;  margin: -1rem auto 1rem;  z-index: 1;  position: relative;  width: 80%;  max-width: 400px;}
</style>
</head>
<body>
<article>
  <h1>The Art of Bug Debugging</h1>

  <figure>
    <img src="https://picsum.photos/960/550" alt="" />
  </figure>

  <p>
    Lorem ipsum dolor sit amet consectetur adipisicing elit. Iusto quo
    accusantium corrupti magnam, rem non ad dignissimos alias! Voluptas
    molestias expedita pariatur temporibus adipisci ab quaerat fugiat
    quisquam aliquid ad!
  </p>

  <blockquote>
    Saepe illum rerum quasi sed cum vel, esse iusto fugiat enim aperiam
    voluptate qui eius maxime quo eum dicta. Incidunt, nostrum perferendis.
  </blockquote>

  <p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius
    consequuntur nulla adipisci ratione velit perspiciatis repellat ipsa
    tempore earum hic corporis, provident reprehenderit maiores commodi qui
    rerum nisi animi quaerat! Lorem ipsum dolor sit amet consectetur
    adipisicing elit. Obcaecati voluptatem officia qui blanditiis et
    laudantium, corrupti fuga fugit? Saepe eius sit totam ipsam nesciunt
    debitis amet at quos doloribus porro.
  </p>

  <figure>
    <img src="https://picsum.photos/960/550?random=2" alt="" />
    <figcaption>
      <a href="#">Lorem ipsum</a> dolor sit amet consectetur, adipisicing
      elit. Doloremque, praesentium.
    </figcaption>
  </figure>

  <h2>How to inspect the issue</h2>
  <div class="story">
    <blockquote>
      Saepe illum rerum quasi sed cum vel, esse iusto fugiat enim aperiam
      voluptate qui eius maxime quo eum dicta. Incidunt, nostrum perferendis.
    </blockquote>

    <p>
      Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur
      officiis omnis, maiores corporis, commodi temporibus necessitatibus
      minus quae et eum repudiandae sequi voluptates magnam consequuntur
    </p>

    <div class="grid-2">
      <figure>
        <img src="https://picsum.photos/475?random=1" alt="" />
      </figure>
      <figure>
        <img src="https://picsum.photos/475?random=2" alt="" />
      </figure>
    </div>

    <p>
      Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eos, vitae,
      odit pariatur mollitia facere quo debitis libero optio obcaecati
      exercitationem voluptas, beatae fugiat! Optio voluptates at harum eum
      ad molestiae. Lorem ipsum dolor sit amet consectetur adipisicing elit.
      Blanditiis, accusamus nulla? Delectus atque rerum vitae nostrum.
    </p>

    <p>
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto illum
      odio eos dolorum molestias expedita optio cum fugiat illo sequi
      veritatis iure alias dolor corrupti eum tempora explicabo, minus quam!
    </p>

    <ul>
      <li>Lorem ipsum dolor sit amet consectetur, adipisicing elit.</li>
      <li>
        Soluta nisi culpa nemo praesentium explicabo itaque aliquam tenetur
        quae saepe harum, incidunt consequatur libero?
      </li>
      <li>Nemo saepe doloremque enim praesentium provident officiis!</li>
    </ul>

    <p>
      Numquam animi repellat exercitationem illo, ipsa facilis dolore quo
      sunt cupiditate voluptatum dolorem, asperiores provident porro
      excepturi temporibus repellendus iure laboriosam vero
    </p>

    <div class="grid-2">
      <figure>
        <img src="https://picsum.photos/475?random=4" alt="" />
        <figcaption>
          Ipsum veniam saepe atque maxime incidunt hic reprehenderit
          consectetur vero.
        </figcaption>
      </figure>
      <figure>
        <img src="https://picsum.photos/475?random=5" alt="" />
        <figcaption>
          Facilis nesciunt perferendis porro asperiores provident.
        </figcaption>
      </figure>
    </div>

    <p>
      Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ipsum
      aliquid natus numquam rerum omnis obcaecati, explicabo quibusdam
      assumenda dolorem ut iure modi quod voluptates cum eveniet consectetur
      aperiam distinctio nisi.
    </p>
  </div>

  <h2>Don't ask your colleagues for help</h2>
  <div class="story">
    <p>
      Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur
      officiis omnis, maiores corporis, commodi temporibus necessitatibus
      minus quae et eum repudiandae sequi voluptates magnam consequuntur
    </p>

    <p>
      Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas, debitis
      consequatur beatae veritatis distinctio molestiae nemo! Velit labore
      et officiis distinctio. Molestiae minima perspiciatis magni mollitia
      dolore. Rem, in consectetur.
    </p>

    <blockquote>
      Saepe illum rerum quasi sed cum vel, esse iusto fugiat enim aperiam
      voluptate qui eius maxime quo eum dicta. Incidunt, nostrum perferendis.
    </blockquote>

    <p>
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto illum
      odio eos dolorum molestias expedita optio cum fugiat illo sequi
      veritatis iure alias dolor corrupti eum tempora explicabo, minus quam!
    </p>

    <ul>
      <li>Lorem ipsum dolor sit amet consectetur, adipisicing elit.</li>
      <li>
        Soluta nisi culpa nemo praesentium explicabo itaque aliquam tenetur
        quae saepe harum, incidunt consequatur libero?
      </li>
      <li>Nemo saepe doloremque enim praesentium provident officiis!</li>
    </ul>

    <p>
      Numquam animi repellat exercitationem illo, ipsa facilis dolore quo
      sunt cupiditate voluptatum dolorem, asperiores provident porro
      excepturi temporibus repellendus iure laboriosam vero
    </p>

    <div class="grid-2">
      <figure>
        <img src="https://picsum.photos/475?random=6" alt="" />
        <figcaption>
          Ipsum veniam saepe atque maxime incidunt hic reprehenderit
          consectetur vero.
        </figcaption>
      </figure>
      <figure>
        <img src="https://picsum.photos/475?random=7" alt="" />
        <figcaption>
          Facilis nesciunt perferendis porro asperiores provident.
        </figcaption>
      </figure>
    </div>

    <p>
      Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse ipsam
      voluptas explicabo optio ullam molestias eaque dicta reiciendis
      similique commodi possimus nostrum fugit id illo et, consequatur omnis
      labore quasi!
    </p>
  </div>

  <h2>Improve your performance by making som coffee</h2>
  <div class="story">
    <p>
      Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur
      officiis omnis, maiores corporis, commodi temporibus necessitatibus
      minus quae et eum repudiandae sequi voluptates magnam consequuntur
    </p>

    <ul>
      <li>Lorem ipsum dolor sit amet consectetur, adipisicing elit.</li>
      <li>
        Soluta nisi culpa nemo praesentium explicabo itaque aliquam tenetur
        quae saepe harum, incidunt consequatur libero?
      </li>
      <li>Nemo saepe doloremque enim praesentium provident officiis!</li>
    </ul>

    <blockquote>
      Saepe illum rerum quasi sed cum vel, esse iusto fugiat enim aperiam
      voluptate qui eius maxime quo eum dicta. Incidunt, nostrum perferendis.
    </blockquote>

    <p>
      Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eos, vitae,
      odit pariatur mollitia facere quo debitis libero optio obcaecati
      exercitationem voluptas, beatae fugiat! Optio voluptates at harum eum
    </p>

    <p>
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto illum
      odio eos dolorum molestias expedita optio cum fugiat illo sequi
      veritatis iure alias dolor corrupti eum tempora explicabo, minus quam!
    </p>

    <p>
      Numquam animi repellat exercitationem illo, ipsa facilis dolore quo
      sunt cupiditate voluptatum dolorem, asperiores provident porro
      excepturi temporibus repellendus iure laboriosam vero
    </p>

    <div class="grid-2">
      <figure>
        <img src="https://picsum.photos/475?random=8" alt="" />
        <figcaption>
          Ipsum veniam saepe atque maxime incidunt hic reprehenderit
          consectetur vero.
        </figcaption>
      </figure>
      <figure>
        <img src="https://picsum.photos/475?random=9" alt="" />
        <figcaption>
          Facilis nesciunt perferendis porro asperiores provident.
        </figcaption>
      </figure>
    </div>

    <p>
      Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ipsum
      aliquid natus numquam rerum omnis obcaecati, explicabo quibusdam
      assumenda dolorem ut iure modi quod voluptates cum eveniet consectetur
      aperiam distinctio nisi.
    </p>
  </div>

  <h2>Don't forget to deploy to production on Friday!</h2>
  <div class="story">
    <p>
      Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur
      officiis omnis, maiores corporis, commodi temporibus necessitatibus
      minus quae et eum repudiandae sequi voluptates magnam consequuntur
    </p>
    <div class="grid-2">
      <figure>
        <img src="https://picsum.photos/475?random=2" alt="" />
      </figure>
      <figure>
        <img src="https://picsum.photos/475?random=3" alt="" />
      </figure>
    </div>

    <p>
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto illum
      odio eos dolorum molestias expedita optio cum fugiat illo sequi
      veritatis iure alias dolor corrupti eum tempora explicabo, minus quam!

    </p>

    <blockquote>
      Saepe illum rerum quasi sed cum vel, esse iusto fugiat enim aperiam
      voluptate qui eius maxime quo eum dicta. Incidunt, nostrum perferendis.
    </blockquote>

    <p>
      Numquam animi repellat exercitationem illo, ipsa facilis dolore quo
      sunt cupiditate voluptatum dolorem, asperiores provident porro
      excepturi temporibus repellendus iure laboriosam vero
    </p>

    <div class="grid-2">
      <figure>
        <img src="https://picsum.photos/475?random=4" alt="" />
        <figcaption>
          Ipsum veniam saepe atque maxime incidunt hic reprehenderit
          consectetur vero.
        </figcaption>
      </figure>
      <figure>
        <img src="https://picsum.photos/475?random=5" alt="" />
        <figcaption>
          Facilis nesciunt perferendis porro asperiores provident.
        </figcaption>
      </figure>
    </div>

    <p>
      Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ipsum
    </p>
  </div>

</article>
</body>
</html>

 

 

 

 

 

 

Share:

Saturday, November 30, 2024

Lazy load iframe video using IntersectionObserver

Lazy load iframe video using IntersectionObserver

 Here is the below code that will load the iframe video when it iframe will be in the viewport.
It is important that to fill the page i have used image tag with width and height.
You can use your own data.


 <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Lazy load iframe video using IntersectionObserver</title>
</head>
<body>
    <br/><img width="500" height="500" src="https://imgd.aeplcdn.com/1056x594/n/cw/ec/185315/jupiter-right-side-view-16.jpeg?isig=0&q=80" alt="Sample Image">
    <br/><img width="500" height="500" src="https://imgd.aeplcdn.com/1056x594/n/cw/ec/185315/jupiter-right-side-view-16.jpeg?isig=0&q=80" alt="Sample Image">
    <br/><img width="500" height="500" src="https://imgd.aeplcdn.com/1056x594/n/cw/ec/185315/jupiter-right-side-view-16.jpeg?isig=0&q=80" alt="Sample Image">
    <br/><img width="500" height="500" src="https://imgd.aeplcdn.com/1056x594/n/cw/ec/185315/jupiter-right-side-view-16.jpeg?isig=0&q=80" alt="Sample Image">
    <br/><img width="500" height="500" src="https://imgd.aeplcdn.com/1056x594/n/cw/ec/185315/jupiter-right-side-view-16.jpeg?isig=0&q=80" alt="Sample Image">
    
  <iframe allowfullscreen="" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
  referrerpolicy="strict-origin-when-cross-origin" title="Title" url-src="PUT-YOUYUBE-VIDEO-LINK-HERE"
  id="widget2" data-gtm-yt-inspected-5="true" width="640" height="360" frameborder="0"></iframe>

  <script>
  const observer = new IntersectionObserver((entries, observer) => {
  entries.forEach(entry => {
    if (entry.isIntersecting) {
      const iframe = entry.target;
      //iframe.src = iframe.dataset.src; // Assume if you use data-src for youtube link
      iframe.src=iframe.getAttribute('url-src');
      observer.unobserve(iframe);
    }
  });
});
const iframes = document.querySelectorAll('iframe[url-src]');
iframes.forEach(iframe => {
  observer.observe(iframe);
});
</script>
</body>
</html>

 

 

 

 

 

 

 

Share:

Auto execute code in javascript

How to write auto execute javascript code ?


We can achieve it by 2 method.

1- Standard auto execute function.

2- Arrow function.


Standard auto execute function.


<script>
(function() {
  const iamvar1= 'Iam var 1';
  console.log('Auto Execute 1 function');
})();
</script>


Arrow function.

<script>
(()=> {
  const iamvar2= 'Iam var 2';
  console.log('Auto Execute 2 function');
})();

</script>

Share:

Passing value in Shopify snippets and use it

Passing value in Shopify snippets and use it

You are working on Shopify project with a snippet. In that snippet you want pass value as per your need. So how can you achieve it ?

Let assume that you will use a snippet "rimg-a.liquid" in other liquid file and want to use as below. You want to pass imgurl, class and fetch value.

================================================

content of any liquid file or theme.liquid file in where you want to use rimg-a.liquid snippet file

include 'rimg-a',
        imgurl: 'URl-IMAGE',
        class: 'feature-mobile',
        fetch: 'yes'

================================================

content of rimg-a.liquid file

  <img  {% if fetch != blank %} fetchpriority="high" decoding="async" {% endif %} 
    {% if imgurl != blank %}
        src="{{ imgurl | split:'?' | first | replace: '2078x2233','390x419' }}"
    {% endif %}
    {% if class != blank %}class="{{ class }}"{% endif %}
  >

 

 

 

 

 

Share:

Change video tag source url using javascript

Change video tag source url using Javascript


You want change <video> tag's <source></source> src when click on button in HTML and Javascript.
Here is the code with example



<video autoplay="autoplay" control="false" id="howto" loop="loop" muted="muted" playsinline="playsinline" poster="POSTER IMAGE URL" preload="metadata">
  <source asrc="MP4 URL" id="howtosource" type="video/mp4"></source>
  <img src="PSTER IMAGE URL" />
</video>

<a class="button" href="#" onclick="dook();">▷ Play Video Now</a>
 
<script>
  const dook = () => {
    const howto = document.getElementById("howto");
    const howtosource = document.getElementById("howtosource");
    const newSource = howtosource.getAttribute("asrc");
    howtosource.setAttribute("src", newSource); h
    owto.load();
    howto.play();
  };
</script>  
Share:

Saturday, August 31, 2024

Unable to resolve Try checking the for validity Google Pagespeed Insights

Unable to resolve <website url> Try checking the for validity Google Pagespeed Insights

 

Unable to resolve Try checking the for validity Google Pagespeed Insights

You have a website and want to test it's pagespeed performance score at Google Pagespeed Insights test tool. You simply enter the website link and click on analysis to show the speed score result. But after few second you see the error "Unable to resolve <website url> Try checking the for validity Google Pagespeed Insights". You wondering and doubt that is really the website URL existing or not? So for cross checking you enter the website link in browser and see the website is loading.

So now the question is why Google Pagespeed Insight show "Unable to resolve <website url> Try checking the for validity Google Pagespeed Insights" error in result even website is existing?

It is due to too much slow your website. There are some timeout limit in Google Pagespeed test. if your website fetch in that limits time then speed score show else the error "Unable to resolve <website url> Try checking the for validity Google Pagespeed Insights" will show.

So to overcome this problem you need to increase your website speed, so Google Pagespeed Insights able to fetch it and show speed score result.


Share:

Thursday, June 27, 2024

My Services

 
Website speed optimization service

My Services

I am expert in Genuine Website Speed Optimization (Guaranteed REAL Pagespeed Performance 70-90+ Score ), On Page SEO, Off Page SEO, Improve Core Web Vitals, Technical SEO, Website development, Desktop app/software development, Secure website from Hacker, Removing Malware Virus, Debugging, Bug fixing and Data Science. Please contact me for below services.

My services are below :

Genuine & Ethical website speed optimization

Guaranteed Genuine Page Speed Performance 70-80-90+ range score.
I will provide you my Suggestions/Changes to get Guaranteed Genuine 70-80-90+ Range PageSpeed Performance score for your website's homepage at Google PageSpeed Insights.
I have confidently improved many complex website's speed. I know how to improve website speed without install speed plugin/app/extension. If you used many speed plugin/app and professional and still not getting Google PageSpeed Score which you want then contact me for speed of any type website. Please contact me to improve Speed or CORE WEB VITALS of below platform's website:
PHP | SHOPIFY | WORDPRESS | BIGCOMMERCE | MAGENTO | WEBFLOW | WIX | HUBSPOT | SQUARESPACE | BLOGSPOT BLOGGER | WEEBLY | CLICKFUNNEL | ADOBE MUSE | OPENCART | CS CART | PRESTASHOP | MAGENTO | DRUPAL | JAVA | JOOMLA | KAJABI | LIGHTSPEED | MODx | NETO MAROPOST | NODEJS | REACTJS | NEXTJS | BOOTSTRAP | ASP.NET | LARAVEL | CODEIGNITER | Yii | SHOPWARE | SHOPWIRED | VBULLETIN | STATIC HTML Website & And many more platform.

Core Web Vitals

Contact me for improvement of CORE WEB VITALS score of below metrics:
1- First Contentful Paint- FCP
2- Largest Contentful Paint LCP
3- Cumulative Layout Shift - CLS
4- Interaction to Next Paint - INP
5- First Input Delay - FID
6- Time To First Byte - TTFB
7- Total Blocking Time - TBT
8- Google Search Console.

 

White Hat SEO, Technical SEO

Off Page SEO, On Page SEO and Technical SEO or Digital Marketing of any type website, Software, Brands. channel etc. I only do White Hat SEO. 

 


 

 

Share:

Sunday, June 23, 2024

Find lost Android Mobile’s location

 Find lost Android Mobile’s location


You have Android mobile and suddenly you lost it then how to find it’s location and Play sound in it so you can find it. here is the some steps:

1- Log on using laptop or any other device at https://www.google.com/android/find

2- After login you will see all the lists of Mobile Devices.

3- Now you can choose any one mobile device which is lost

4- Now you will see 3 options:

A- Play sound
B- Secure device
C- Factory reset device

5- Click on anyone which is suited for you.



Share:

Saturday, May 25, 2024

Simple Class in JavaScript

Simple Class in JavaScript


Here is the below code that demonstrate that how to create class and how to use it.


<script>
class WORKER {
    #step1(){console.log("RUN step1");}
    #step2(){console.log("RUN step2");}
    #step3(){console.log("RUN step3");}
    #step4(){console.log("RUN step4");}
    #step5(){console.log("RUN step5");}
    init() {
        this.#renderHTMLFromURL();
    }
    #renderHTMLFromURL = () => {
        this.#step1();
    this.#step2();
    this.#step3();
    this.#step4();
    this.#step5();
    }
}
new WORKER().init();
</script>

Share:

Ads Inside Post

Powered by Blogger.

Archive