Giter Club home page Giter Club logo

pot-hyva-inline-css's Introduction

🚀 Hyvä Inline CSS Power Toy for Magento 2 by JaJuMa

Hyvä Inline CSS Power Toy for Magento 2 by JaJuMa is a dashboard toy showing the inline CSS & cache status as well as processing times in your Magento store. Same as the Hyvä Inline CSS debug tool, but even without enabling the debug mode.

Compatible with

Hyvä Themes Mage-OS Magento

Features

This Dashboard Toy shows/provides:

  • If Inline CSS was added or not
  • If page load was a full page cache HIT or MISS
  • Time spent for adding/processing Inline CSS
  • Size of Inline CSS added (gzipped)
  • Option to flush full page cache
  • Option to flush Inline CSS cache (Note: This toy only shows in frontend)

Screenshots

Hyvä Inline CSS Toy
Dark Mode
Hyvä Inline CSS Toy
Light Mode

Requirements

‼️ This module requires Power Toys for Magento 2
‼️ by JaJuMa
  • Hyvä Inline CSS v1.0.0+
  • Magento Power Toys v1.0.0+
  • Magento v2.4.5+ OR
    Mage-OS v1.0.0+
  • Magewire v1.10+
  • Magewire-requirejs v1.1+

Further Info, Extension Description & Manual

Demos

Installation

Install via composer as any other Magento extension from Github:

composer require jajuma/pot-hyva-inline-css

Using Hyvä Inline CSS Power Toy For Magento

After installing this module:
Go to
JaJuMa -> Power Toys -> Configuration
and enable & configure Hyvä Inline CSS Toy.

After enabling, see the floating button at left/right edge of your screen in your Frontend (while logged in as Admin).
When click on this button, the Power Toys Panel will open displaying the Hyvä Inline CSS Toy.
(Note: This toy only shows in frontend)

License

The code is licensed under the MIT License (MIT)

❤️ Powered by

Developing the Power Toys module and the toys was a lot easier and more fun thanks to Magewire.
A big shout and Thank You to Willem Poortman for creating Magewire

Other Magento 2 Extensions by JaJuMa

Other Services by JaJuMa

© JaJuMa GmbH | www.jajuma.de

pot-hyva-inline-css's People

Contributors

jajuma avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.