Thursday, April 2, 2026

Error while starting My sql or Appache in Xampp server

 https://webolute.com/blog/programming/this-may-be-due-to-a-blocked-port-missing-dependencies/


and for My sql, use below steps

Open the XAMPP Control Panel and click Config next to MySQL, then select my.ini.

Find the lines port=3306 (usually in two places) and change them to port=3307.


next step

If going to localhost:8000 get error than change the config.inc.php, enter the password in string $cfg['Servers'][$i]['password'] = 'root';

and change

$cfg['Servers'][$i]['controluser'] = 'pma'; to  $cfg['Servers'][$i]['controluser'] = 'root';

$cfg['Servers'][$i]['controlpass'] = '';$cfg['Servers'][$i]['controluser'] = 'root';


Monday, March 23, 2026

Displaying Different Texts Sequentially from an Array with javascript

 const outputElement = document.getElementById('output');

const textArray = ['First text message.', 'Second text message.', 'Third text message.'];

let currentIndex = 0;


function displayNextText() {

    if (currentIndex < textArray.length) {

        // Replace the entire content with the current text

        outputElement.innerHTML = textArray[currentIndex];

        currentIndex++;

        // Schedule the next text to be displayed after a delay (e.g., 2 seconds)

        setTimeout(displayNextText, 2000); // 2000 milliseconds = 2 seconds

    }

}


// Start the display sequence

displayNextText();

===============================
Text Sequentially with CSS
<div class="text-container">
  <div class="text-item">First Text</div>
  <div class="text-item">Second Text</div>
  <div class="text-item">Third Text</div>
</div>
.text-container {
  display: grid;
  grid-template-areas: "content";
}

.text-item {
  grid-area: content;
  opacity: 0;
  animation: slideIn 6s infinite;
}

/* Stagger animation with delays */
.text-item:nth-child(1) { animation-delay: 0s; }
.text-item:nth-child(2) { animation-delay: 2s; }
.text-item:nth-child(3) { animation-delay: 4s; }

@keyframes slideIn {
  0% { opacity: 0; }
  10% { opacity: 1; }
  30% { opacity: 1; }
  40% { opacity: 0; }
  100% { opacity: 0; }
}

Infinite for loop in javascript

 for (let i = 0; i < 10; i--) {

  // 'i' starts at 0 and keeps decreasing (0, -1, -2, ...), 

  // so the condition 'i < 10' is always true.

}


======================
for (;;) {
  // Code to be executed indefinitely
}

==================
for (let i = 0; true; i++) {
  // This condition is always true
}
====================
for (let i = 0; i !== 10; i += 2) {
  // 'i' takes values 0, 2, 4, 6, 8, 10, 12...
  // The condition 'i !== 10' is true for all these values,
  // including 10 because the exact value of 10 is skipped.
  // Better to use '<=' or '>=' for numeric range conditions.
}

cheet codes in c# - cheatcode in c#

 https://zerotomastery.io/cheatsheets/csharp-cheat-sheet/


var anon = new { Name = "John", Age = 25 };

var person = Tuple.Create("John", 25); // Creates a tuple with two items.

Tuesday, March 17, 2026

Text blur effect in css

 backdrop-filter: blur(0px);


-webkit-backdrop-filter: blur(0px);


or simple use, if above is not working

.element-to-blur {

  filter: blur(0.2px); /* The radius value controls the intensity of the blur */

}


Note:- There are lot of property in filer property example contrast, brightnexx, saturate, hue etc.