Resolving the script tag type attribute hash prepending issue with CloudflareArticle contains
  1. Solution for hash prepending issue with Cloudflare
  2. Final notes
"JavaScript" sentence and script HTML element

Resolving the script tag type attribute hash prepending issue with Cloudflare

If your script HTML tag has the type attribute prepended with a hash, like <script type="ea10e272b0a1989fb2f3aa4e-text/javascript">...</script> and you’re using Cloudflare services, then the root cause is the Cloudflare Rocket Loader, a feature of Cloudflare that optimizes the loading of JavaScript resources on your web pages.

Rocket Loader modifies the type attribute of script tags for website loading optimization by deferring the loading of JavaScript until after rendering. This modification can sometimes cause issues with HTML validation and Content Security Policy (CSP) headers.

Cloudflare Rocket Loader adds an argument “type” into the script tag and causing issues with the W3C validator due to the “subtype missing” error.

Continue reading “Resolving the script tag type attribute hash prepending issue with Cloudflare”
Remove trailing slashes in WordPress using htaccessArticle contains
  1. Step 1: Update the .htaccess with a configuration block for Apache
  2. Step 2: Update Permalinks
  3. Benefits of removing trailing slashes from website URLs
Get days between two dates in JavaScriptArticle contains
  1. JavaScript code for calculating days between two dates
  2. Code explanation
  3. Practical example with unit tests for calculating days between dates
Get and capitalize the first letter of a string in JavaScriptArticle contains
  1. How strings are represented in JavaScript?
  2. Getting and capitalizing the first character of a string in JavaScript
  3. Practical example: Capitalizing the first letter of a string
8 top AI search engines, free and paidArticle contains
  1. Benefits of AI search engines
  2. Not everything that shines is gold. Understanding AI search engines.
  3. Perplexity
  4. Phind
  5. You.com
  6. Komo
  7. Brave Leo AI
  8. Kagi
  9. Bing Copilot
  10. Google Gemini
  11. Conclusion
Best practices for optimizing SVG codeArticle contains
  1. Minify the code
  2. Compress the SVG files
    1. Enabling serving SVGZ files in Apache
    2. Enabling serving SVGZ files in Nginx
    3. Enabling serving SVGZ files in IIS
    4. Example page with SVG and SVGz
  3. Inkscape allows you to create optimized SVGs directly
    1. A step-by-step guide on how to save optimized SVG in Inkscape
    2. Additional options for optimization
  4. Command-line tool
Chart your course to accessibility: a guide for businessesArticle contains
  1. A guide to making things more accessible
  2. The current state of the field
  3. An urge for companies to act
Hand-held smartphone with two monitors on the sides

Chart your course to accessibility: a guide for businesses

It is unacceptable to treat accessibility as an afterthought in this digital era. It’s essential for a welcoming society since it ensures that people with all kinds of abilities can use and benefit from the same resources. Disability affects over 15% of the world’s population of approximately 8 billion people. In other words, 1.3 billion people are directly affected, according to the World Health Organization. This is a staggering number that is only going to increase due to reasons like an aging population.

Continue reading “Chart your course to accessibility: a guide for businesses”
Bookmarklets for enhancing productivity in the browserArticle contains
  1. What is a browser bookmarklet?
  2. Bookmarklet installation and usage
    1. How to use a bookmarklet?
    2. How to install a bookmarklet
    3. Can I use bookmarklets on mobile devices?
    4. How to use a bookmarklet?
  3. Bookmarklet creators
  4. Bookmarklets
    1. Web development bookmarklets
    2. Bookmarklets for conversion
  5. Additional tools
Computer and few dots on the horizontal panel that mimics bookmarks

Bookmarklets for enhancing productivity in the browser

What is a browser bookmarklet?

A bookmarklet is a browser bookmark that contains JavaScript code instead of a web address. When clicked, bookmarklets can perform a wide variety of operations, such as running a search query from selected text or extracting data from a table. They are essentially bookmarks that run JavaScript code on the current page when clicked, allowing users to perform functions on the page they are already on instead of being directed to a new webpage. Bookmarklets are easy to use, portable, and can be shared across different devices. They are generally safer to use than standard programs, as they can only run when clicked and cannot access files on the hard drive.

Continue reading “Bookmarklets for enhancing productivity in the browser”
Fixing Bing SERP "See more" behaviorArticle contains
  1. What is the issue with the URL hash part in Bing SERP snippet under the See more link?
  2. Why doesn't the browser take us to the element indicated in the URL hash part?
  3. How can we fix the behavior for Bing SERP snippet and See more link?
Example of search results page with SERP snippets and Bing logo

Fixing Bing SERP “See more” behavior

Sometimes Bing displays a SERP snippet with sections based on your heading structure on your page and links See more.

However, this See more link doesn’t go anywhere because the hash part in the URL is invalid. The hash part of a URL, denoted by #, is commonly referred to as a fragment identifier. When placed at the end of a URL, it points the browser to a specific section of a webpage.

Example See more link on Bing SERP snippet:

https://www.sitelint.com/blog/what-is-a-single-page-application/#Single%20Page%20App%20Example%20Sites.

The Bing SERP snippet and its See more link contain the hash part (fragment identifier) that has the illegal character space %20. Hence, the link doesn’t point anywhere because it’s invalid. We need to fix it so that when the user activates the link, the browser will lead the user to the specified location under the hash ID.

Continue reading “Fixing Bing SERP “See more” behavior”
3 tips to improve your website's appearance on a SERP in Google and BingArticle contains
  1. Improving the home page SERP snippet on Google
  2. Improving the page SERP snippet on Google and Bing
    1. How do I get a thumbnail image displayed on the Google search results page for my website?
    2. How do I get a thumbnail image displayed on the Bing search results page for my website?
  3. Improving the SERP snippet on Bing by showing the contact email
Example of search results with a coupe of SERP snippets

3 tips to improve your website’s appearance on a SERP in Google and Bing

The appearance of a website on a Search Engine Results Page (SERP) refers to how it is presented to users when they perform a search. SERP features are any search result displayed that is not a traditional link or paid search result. They include elements such as Rich Snippets, review stars, featured snippets, the People Also Ask component, and knowledge panels.

Continue reading “3 tips to improve your website’s appearance on a SERP in Google and Bing”