How to embed a PDF in HTML without downloading itArticle contains
  1. How to embed PDF in HTML?
  2. Example code
  3. Workable example
How to record the screen with VoiceOver audio on your MacArticle contains
  1. How to record the screen and onboard audio from a Mac
  2. Installation and use of QuickTime Player
Easy way to reduce Google Chrome's memory and CPU usageArticle contains
  1. Memory Saver
  2. Energy Saver
  3. How do I turn Memory Saver, and Energy Saver on or off?
  4. Final word
Why is the image srcset attribute not working on the page?Article contains
  1. How does the browser determine which image should be used under some set of media conditions?
    1. What does srcset mean?
    2. The attribute sizes
  2. The user visits your site with the iPhone 8 Plus. Which image will be used?
  3. Is there a better way of testing responsive images?
  4. Real example
WordPress Spam Prevention for Contact Form 7 and CommentsArticle contains
  1. How do I stop spam emails from my WordPress Contact Form 7?
  2. How do I stop spam emails from my WordPress Comment form?
A banner with a lot of envelops representing spam

WordPress Spam Prevention for Contact Form 7 and Comments

Contact Form 7 is a great WordPress plugin that allows you to manage multiple contact forms, plus you can customize the form and the mail contents flexibly with simple markup. However, on the other hand, it is also a potential place to send spam. Similarly, you can send spam using the comment form. To help with blocking, we have created WordPress plugin called Spam Prevention for Contact Form 7 and Comments that do not require any maintenance. Find out more in the next part of the post.

Continue reading “WordPress Spam Prevention for Contact Form 7 and Comments”
Flush (Delete or Empty) MongoDB log fileArticle contains
  1. Step 1. Find out how large the MongoDB log directory is.
  2. Step 2. Rotate log files.
    1. Start the rotation
  3. Step 3. Remove the old logs.
  4. Step 4. Remove the current logs.
Hundreds of drawers symbolizing a large amount of occupied space

Flush (Delete or Empty) MongoDB log file

Sometimes the database might work slowly and one of the reasons is a large log file. Tracking database activity is crucial for performance and issues monitoring. However, the log file may grow and therefore may cause the performance issue because of more and more writing and reading on a larger and larger log file. We may avoid such problems by scheduling regular log rotation and keeping the log file size below a defined threshold. Let’s get started on figuring out how to address this issue.

Continue reading “Flush (Delete or Empty) MongoDB log file”
Accessibility and PerformanceArticle contains
  1. Known user impacts
  2. Technical aspects
  3. How performance impacts Accessibility
  4. Optimisations
  5. Conclusion
Two snails on a piece of wood

Accessibility and Performance

Performance and accessibility are two important aspects of web development. Since they are related, optimising one might result in improvements in the other.

Web performance is all about making websites fast: loading, rendering, and interacting.

When pages load slowly or have a lot of content to load, the experience can be very clunky and unpleasant for all users. More resources to download also mean more data that needs to be transferred through the network and processed. Let’s explore the user and business impact and how this could be improved.

Accessibility focuses primarily on making websites usable for people with disabilities. However, many accessibility requirements also improve usability for everyone. For example, good color contrast means all users can see your content no matter what device they’re using or the lighting in their surroundings.

Continue reading “Accessibility and Performance”
3 simple tips to make text over image more readableArticle contains
  1. Why making good contrast is important?
  2. Tips
    1. Text shadow
    2. Text stroke
    3. Text shadow vs text stroke comparison
    4. Black solid layer with opacity
  3. Summary
2 houses covered in snow

3 simple tips to make text over image more readable

If you add text over a background image, make sure there is enough contrast to make it readable. Subtle changes may be made to boost contrast without changing the overall aesthetic of the site.

The Web Content Accessibility Guidelines (WCAG) is an internationally recognized standard created by the World Wide Web Consortium (W3C), and WCAG calculates it as a ratio describing the relative luminance of the text and background.

Let’s then see 3 tips to make text over image more readable.

Continue reading “3 simple tips to make text over image more readable”
SEO and traps with creating meta description in WordPressArticle contains
  1. How actually meta description is created in WordPress
  2. Traps
  3. What, if meta descriptions differ from each other
  4. Are there other ways to generate meta description?
SEO letters in bricks

SEO and traps with creating meta description in WordPress

An HTML element that offers a brief overview of a web page is known as a meta description (example <meta name="description" content="Describe your page content here"/>). The meta description tag of a website is displayed as part of the search snippet on a search engine results page (SERP) and is intended to provide the user with a summary of the content on the page and how it relates to their search query.

Search results snippet example from Google

The click-through rate (CTR) can be influenced by the meta description. That is, they can impact whether a person visits your page. As a result, it is the critical on-page SEO factor.

In this article, we’ll cover the traps that are hidden while using WordPress and plugins that automate that process.

Continue reading “SEO and traps with creating meta description in WordPress”
Introducing Page To Speech feature using Web Speech APIArticle contains
  1. Major challenges
  2. Benefits
  3. What's Web Speech API?
  4. Limitations and drawbacks
  5. Browser compatibility
  6. Demo
  7. Feedback
  8. Additional resources