Cache busting in Angular for static assetsArticle contains
  1. What is cache busting in Angular?
  2. The solution
  3. How to
    1. Angular
  4. Feedback
  5. Workable example
Fixing layout shifting brought on by custom fontsArticle contains
  1. Why do web fonts impact layout shifting?
  2. What the page look like before and after rendering custom web fonts?
  3. Techniques for avoiding the layout changes brought on by the usage of web fonts
  4. Additional potential improvements
  5. Additional notes
Letter with sample fonts

Fixing layout shifting brought on by custom fonts

Custom fonts impact performance through delayed text rendering and layout shifts. This is because they have to be downloaded and the layout must be repainted again. When a visible element on your website changes size or location, it might have an impact on the position of the content surrounding it. This is known as a layout shift.

Note that if a web font has not loaded, browsers typically delay text rendering.

Continue reading “Fixing layout shifting brought on by custom fonts”
How to play YouTube videos in the background in the browser (Android and iOS)Article contains
  1. How to play YouTube videos in the background on Android
  2. How to play YouTube videos in the background on iOS
How do I clear a big /var/log/journal folder?Article contains
  1. The problem
  2. How do I clear a big /var/log/journal folder?
    1. Determine how much disc space /var/log/journal consumes
    2. Clear (reduce) the folder size instantly
  3. Control the amount of disc space that /var/log/journal can utilise
OpenAI releases GPTBot with instructions on how to restrict accessArticle contains
  1. How GPTBot works
  2. GPTBot access restrictions
  3. Concerns regarding legal and ethical issues
Monitor and the sentence Chat GPT on it

OpenAI releases GPTBot with instructions on how to restrict access

OpenAI has released GPTBot, a new web crawler designed to boost future artificial intelligence models such as GPT-4 and the upcoming GPT-5. According to an OpenAI blog post, using GPTBot has the potential to improve existing AI models in areas such as accuracy and safety.

Web pages crawled with the GPTBot user agent may potentially be used to improve future models and are filtered to remove sources that require paywall access, are known to gather personally identifiable information (PII), or have text that violates our policies. Allowing GPTBot to access your site can help AI models become more accurate and improve their general capabilities and safety. Below, we also share how to disallow GPTBot from accessing your site.

Continue reading “OpenAI releases GPTBot with instructions on how to restrict access”
How to pause and resume event propagation in JavaScript?Article contains
  1. How do you pause and resume events in JavaScript?
  2. What challenges do we want to resolve?
  3. Solution
  4. Real, workable example
Hide content in CSS pseudo elements from screen readersArticle contains
  1. Use case
  2. Solution
    1. How to hide from the screen reader CSS content defined in pseudo element?
    2. Example code
  3. Test results
  4. Limitations
Create perfect H1 heading for SEO and AccessibilityArticle contains
  1. The anatomy of the H1 heading
  2. H1 heading best practices
    1. Organize heading levels hierarchically in the same way that a book's index is organized
    2. Keep correct headings hierarchy importance to clearly highlight a page's structure and organization
    3. Include important keywords in your H1 heading
    4. Keep H1 heading unique across all pages
    5. The H1 heading should not be wrapped around the logo
    6. What should the length of an H1 element be?
    7. The H1 heading and page title
Trophy for the first place in the search results

Create perfect H1 heading for SEO and Accessibility

Headings communicate the organization of the page’s content. The h1 heading, which is usually the largest heading on a page, describes the main topic of the page and typically corresponds to the title of the page. It gives users an indication of what the page is about.

The h1 heading influences visitors’ decisions about whether or not to continue reading a page. It communicates the page’s relevance to search engines.

According to the WCAG headings rules, levels should be used hierarchically, with the main heading being the highest level (h1) and subheadings being subsequent lower levels (h2, h3, h4, etc.). This structure makes it easier for people with visual impairments, cognitive disabilities, and learning difficulties to easily understand the content of a web page.

In this article, we’ll go over all you need to know about the h1 heading and how to make the most of it from the perspective of the user, SEO, and accessibility!

Continue reading “Create perfect H1 heading for SEO and Accessibility”
Accessibility and Auditing Websites in Real Time made with Google Slides PresentationArticle contains
  1. Agenda
  2. Presentation
What is JSON LD? Frequently asked questions.Article contains
  1. What is LD JSON used for?
  2. Why should I use JSON-LD?
  3. Where to place in the code?
  4. Can I have many different structured data's on the page?
  5. Why does Google prefer JSON-LD than other structured data types?
  6. Is JSON-LD a W3C standard?
  7. How does JSON-LD affect SEO?
  8. What are typical errors related to JSON-LD?
  9. Summary
  10. Fun fact about JSON-LD and the words used to find it