• Modul-R Theme
  • Quick Start
    • DEMO
  • Examples
    • Classic
    • Shop
  • Downloads
    • Antispam For Contact Form 7
    • SMTP For Contact Form 7
    • OH-MY-SVG
    • Model-Viewer WordPress block
  • Blog
  • Codekraft
    • About Me
    • Contact
    Home / Blog / Page 3

    Blog

    • Block
    • Blog
    • Cat A
    • Cat B
    • Cat C
    • Classic
    • Contact form 7
    • Edge Case
    • Foo A
    • Foo Parent
    • Grid Layout
    • Markup
    • Media
    • Parent
    • Parent Category
    • Post Formats
    • Quick Start
    • Template
    • Uncategorized
    • February 26, 2022

      How encode images to webp in browser with vanilla js without plugins

      Some days ago, while using a react repo I discovered this method that uses canvas to convert images to webp.…

    • Generate HSL color schemes with SCSS and CSS Custom Properties
      January 27, 2022

      Generate HSL color schemes with SCSS and CSS Custom Properties

      Here’s how to generate complex HSL color schemes with saturation, lightness and opacity with SASS and CSS variables (custom properties).…

    • January 14, 2022

      How convert WordPress media uploads into webp without plugins

      While uploading a media into WordPress media library this script automatically generate a webp copy of the uploaded media. Works…

    • January 14, 2022

      How to preload featured image with WordPress

      This simple action will add the preload for post featured image (works both with src and srcset)

    • How remove caps-lock from WordPress comments (retroactively)
      December 8, 2021

      How remove caps-lock from WordPress comments (retroactively)

      There are people, sometimes whole departments of companies, who from the day they buy a keyboard to when they throw…

    • September 3, 2021

      How serve automatically .webp images with Nginx

      If your website uses several transparent png images the most convenient and effective optimization is to convert all the media…

    • August 26, 2021

      How to secure the WordPress login panel with fail2bain (and without plugins)

      Securing Your WordPress Site with Fail2Ban and Nginx In the ever-evolving landscape of cybersecurity, fortifying your WordPress site against malicious…

    • August 19, 2021

      Show a Qr Code on contact form 7 mail submit

      This example show how display a  QR code on mail submit with Contact Form 7 For first go to the…

    • August 19, 2021

      CF7 change input value on onChange using jQuery

      This example explains how to get a value with jQuery from a select and set another input value dynamically ref.…

    • August 19, 2021

      Submit button withdrawal

      you can enable the send withdrawal of the form (like in gmail) and abort the submission. Add this code to…

    ←Newer PostsOlder Posts→

    Codekraft by Erik Golinelli
    Web Development, E-commerce & Advanced WordPress Solutions.

    Have a project in mind or a website to rescue? [Let’s talk].

    © 2026 Codekraft.

    • GitHub
    • WordPress
    • LinkedIn

    Posts

    • Beyond the Honeypot: Introducing “Honeyforms” – A Proactive Trap to Decimate WordPress BotnetsApril 30, 2026
    • The Evolution of WordPress Spam: How Headless Botnets Bypass Defenses (and How to Stop Them)April 27, 2026
    • The Anatomy of WordPress Spam: Why Your Contact Form 7 is a Magnet for Bots and How to Solve ItApril 25, 2026
    • Come Risolvere il Blocco per Rappresentazione Ingannevole su Google Merchant CenterApril 8, 2026
    • Truth in Real-Time: Using AI to Debunk Lies as They HappenDecember 30, 2025

    Featured

    • Modul-R Theme
      • DEMO
      • Classic
      • Shop
      • Antispam For Contact Form 7
      • SMTP For Contact Form 7
      • OH-MY-SVG
      • Model-Viewer WordPress block
    • Blog
      • About Me
      • Contact

    Privacy Policy – Proudly powered by WordPress & made with ♥ by codekraft-studio – © 2026 modul-r.codekraft.it