hbbkilahnbjmfhmfpckjpamaicggokje
Displays the current Bootstrap Viewport Determines which Bootstrap viewport is active based on the width. Tested with Bootstrap v5.
Viewport Dimensions Pixels
Displays the current viewport size in the bottom right corner of the window. **Please make sure to restart Chrome entirely so the code can load correctly** This extension displays Chrome’s viewport dimensions when resizing the browser window in pixels. This extension displays Chrome’s viewport dimensions in the lower right corner of the browser when dragging your window / Chrome browser. It will show in Pixels and disappear completely after 1.8 seconds. Mainly for developers or creators when you want to make the browser window a specific size for testing websites or apps or if like me you want to make the viewport precisely 1920x1080 when recording screencasts at 1080p.
Bootstrap Grid Overlay
Quickly toggle a Bootstrap Grid Overlay that automatically uses your application's styles to determine how it looks. Quickly toggle a Bootstrap Grid Overlay that automatically uses your application's styles to determine how it looks.
Viewport Dimensions
Displays the current viewport dimensions in real-time as you resize the browser window. Viewport Dimensions is a simple Chrome extension for web developers and designers who want to quickly visualize the viewport dimensions when actively resizing the browser window. This extension dynamically displays the current viewport dimensions (width and height in pixels) in real-time as you resize your browser window, making it easier to see how your site adapts to different screen sizes. Key Features: - Real-Time Viewport Display: Instantly see the current viewport dimensions as you resize your browser window. - Customizable Display Options: Choose where the dimensions are displayed (top-right, bottom-right, top-left, bottom-left) and customize the font size, text color, background color, and background opacity to match your preferences. - Toggle Visibility: Easily enable or disable the viewport dimensions display without uninstalling or disabling the extension. - Responsive to DevTools: The extension adjusts the displayed dimensions to account for the presence of Chrome's Developer Tools panel. - Timeout Setting: Set the time period the dimensions are displayed after the change or set it to always be displayed. NOTE: This extension was built to replace the previous "Viewport Dimensions" extension ID: kchdfagjljmhgapoonapmfngpadcjkhk, which is no longer supported by the Chrome Web Store. If you relied on the old extension, this new version offers the same functionality with additional customization options and improved performance.
Grid System
Grid System is a simple, beautiful and interactive grid generator. The Grid System enables the frontend developers to check their websites according to correct grid column system that is used by Bootstrap, Tailwind & Bulma etc. You can enter your container's width, columns, gutter and pick any colour and hit "Launch" button to apply it quickly. It ensures the frontend developers that their websites are according to the UI/UX grid system. It works for all the screen sizes. It has a pretty eye-catching interface which enables the users to quickly navigate through different kinds of grid column system. Hope you will find it useful.
