Oleraj Hossin

Author: Oleraj09

  • Custom Chrome Zoom Extension with Global Zoom Control for Small Screen

    This Chrome Zoom Extension allows users to set a global zoom percentage that automatically applies to all supported websites. Unlike default Chrome zoom, this extension remembers your preferred zoom level and reapplies it whenever you open or refresh a tab.

     

    What This Extension Does

     

    This extension provides a simple popup interface where users can:

    Enter a custom zoom percentage

    Apply zoom instantly to the active tab

    Automatically apply the same zoom level to all newly loaded tabs

    Save the zoom level using Chrome Sync Storage

    The zoom setting is global, meaning it stays consistent across tabs and browser sessions.

     

    Popup Interface Overview

     
    The popup UI is clean and lightweight:

    A number input for zoom percentage

    Minimum zoom: 25%

    Maximum zoom: 100%

    Default value: 70.35%

    An Apply button to activate the zoom

    This design keeps the extension fast and easy to use.

     

    How the Zoom Logic Works

     
    1. Saving Zoom Preference

    When the user clicks Apply, the extension:

    Converts the percentage into Chrome’s zoom format

    Saves the value using chrome.storage.sync

    Applies zoom instantly to the active tab

    This ensures the zoom preference is remembered across browser restarts.

    2. Applying Zoom Automatically

    The background script listens for tab updates. When a page finishes loading:

    It checks whether the URL is valid

    System pages like chrome://, edge://, and about: are ignored

    The saved zoom level is automatically applied

    This creates a seamless browsing experience without manual adjustments.

    Smart URL Filtering

    To prevent errors, the extension safely skips restricted pages such as:

    chrome://

    edge://

    about:

    This follows Chrome extension security best practices.
     

    Key Features

     
    🔍 Global Zoom Control

    💾 Zoom Level Saved with Sync Storage

    ⚡ Instant Apply on Active Tab

    🔄 Auto Apply on New Tabs

    🧼 Minimal & Clean UI

    🛡️ Safe URL Handling

     

    Ideal Use Cases

     

    This extension is perfect for:

    Users who prefer consistent zoom across all websites

    Accessibility and low-vision support

    Developers and designers testing layouts

    Reading text-heavy content comfortably

    Laptop users with high-resolution screens

    This Chrome Zoom Extension is a practical solution for users who want full control over their browsing zoom experience. With automatic application, synced storage, and a simple UI, it eliminates the need to constantly adjust zoom levels on every site.
     
     
     
    Download Now

  • Onclick Scroll and Animate Sections.

    This Code will animate on button click like Fultion .

    Frist make a section Fixed with height 100vh. Added floating button there. Add ID “expertise”.
    Overlap a section with 100vh, transparent Background. Add ID “blanked”.
    Make content section. Add Content and rest of other there. Add ID “starts”.

    Now Use this code. JQuery.

     

     

     

    jQuery("#expertise").on("click", function() {
    jQuery('#blanked').animate({
    height: '0px'
    }, 1000);
    jQuery("html, body").animate({
    scrollTop: 0
    }, 600);
    });
    jQuery(window).on("scroll", function() {
    let scrollTop = jQuery(this).scrollTop();
    let Section2 = jQuery("#starts").offset().top;
    if (scrollTop === Section2) {
    jQuery('#blanked').animate({
    height: '100vh'
    }, 1000);
    }
    });

  • Singe Post and Page type for WordPress.

    is_singular() || // all pages, posts, CPT single pages
    is_archive() || // category, tag, CPT archive, date archive
    is_404() || // 404 page
    is_home() || // blog page
    is_search() || // search page
    is_author() || // author archive
    is_front_page() || // homepage
    is_page() || // pages (included in is_singular, redundant)
    is_category() // category page (included in is_archive, redundant)

  • Post Slug Regenerate if Some Plugin or Code Block it In Scheduled Post.

    Every time a scheduled post publishes → ALWAYS regenerate the slug from the title


    add_action('publish_future_post', function($post_id) {
    wp_schedule_single_event(time() + 60, 'fix_scheduled_slug', [$post_id]);
    });

    add_action('fix_scheduled_slug', function($post_id) {
    $post = get_post($post_id);

    if (!$post) {
    return;
    }

    $new_slug = sanitize_title($post->post_title);

    wp_update_post([
    'ID' => $post->ID,
    'post_name' => $new_slug,
    ]);
    });

  • Gravity Form UTM Tracker Addons

    Why Use This Plugin?
    Gravity Forms has a built-in dynamic population feature that can capture UTM data. However, there’s a limitation: if a user navigates to another page and then returns to submit the form, the UTM parameters may be lost and not stored in the form.

     

    This plugin solves that problem by persistently storing UTM parameters as users browse your website. The UTM data remains available and automatically populates the Gravity Form fields until the form is submitted, ensuring that no UTM data is lost even if the user visits multiple pages.

     

    Features
    Automatically detects UTM parameters from URL query strings.
    Maps UTM parameters to Gravity Forms fields.
    Works seamlessly with multiple forms.
    Lightweight and easy to use.

     

    Description
    Gravity Forms UTM Tracker automatically captures UTM parameters from URLs and populates corresponding Gravity Forms fields. This enables advanced lead tracking and analytics for marketing campaigns.

     

    Supported UTM parameters:

    utm_source
    utm_medium
    utm_campaign
    utm_term
    utm_content

     

    Installation
    Download the plugin ZIP from this repository.
    Go to your WordPress Dashboard → Plugins → Add New → Upload Plugin.
    Upload the ZIP file and click Install Now.
    Activate the plugin.
    If ULR has UTM parameter it will store with form data.

     

    Usage
    Once installed and activated:Ensure your Gravity Forms Installed.
    Browse your form URL with UTM parameters
    Submit form boom, UTM store using gravity form.

    Gravity Form UTM Tracker Addons
    Plugin URI: https://github.com/Oleraj09/GravityForm-UTM-Tracker
    Author: Oleraj Hossin (https://olerajhossin.top)

     

    Download Now

  • Why WordPress Still Dominates the Web in 2025

    Even with new platforms emerging every year, WordPress continues to power over 40% of the web. Its flexibility, scalability, and ease of use make it perfect for beginners and professionals alike. From personal blogs to enterprise-level websites, WordPress adapts to any need through thousands of themes and plugins. It’s SEO-friendly, mobile-responsive, and supported by a massive global community. Whether you’re looking to launch a blog, build a business site, or create a full-featured eCommerce store with WooCommerce, WordPress remains the most reliable and cost-effective solution for building a strong online presence.

     

    Even with new platforms emerging every year, WordPress continues to power over 40% of the web. Its flexibility, scalability, and ease of use make it perfect for beginners and professionals alike. From personal blogs to enterprise-level websites, WordPress adapts to any need through thousands of themes and plugins. It’s SEO-friendly, mobile-responsive, and supported by a massive global community. Whether you’re looking to launch a blog, build a business site, or create a full-featured eCommerce store with WooCommerce, WordPress remains the most reliable and cost-effective solution for building a strong online presence.

     

    Even with new platforms emerging every year, WordPress continues to power over 40% of the web. Its flexibility, scalability, and ease of use make it perfect for beginners and professionals alike. From personal blogs to enterprise-level websites, WordPress adapts to any need through thousands of themes and plugins. It’s SEO-friendly, mobile-responsive, and supported by a massive global community. Whether you’re looking to launch a blog, build a business site, or create a full-featured eCommerce store with WooCommerce, WordPress remains the most reliable and cost-effective solution for building a strong online presence.

  • Why React is the Future of Frontend Development

    React has quickly become one of the most popular JavaScript libraries for building user interfaces — and for good reason. Its component-based architecture makes it easy to create reusable, maintainable code.

     

    The virtual DOM improves performance by updating only the parts of the UI that change, resulting in fast and smooth user experiences. React’s strong community, ecosystem, and support from Meta ensure it’s constantly evolving with modern web standards. Whether you’re building a single-page app, integrating APIs, or creating dynamic dashboards, React offers the flexibility and power needed for today’s fast-paced development world.

Chat Icon
Preview