geipgkohgdfkpejnhaccmjcjpljohikd
Web Page Editing Tool for Text, Images, Fonts, and Colors Guider is an intuitive web page editor that lets you move elements, edit text, replace images, and adjust fonts and colours on any webpage. Experiment with design – no coding required Selection • Click to select, Ctrl + Click to add/remove elements from selection. • Shift + Click for smart selection of similar elements, click again to refine. Move • Click and hold element to enable movement • You can drop element over it's highlighted sibling to make them swap places • Hold Ctrl to drop element anywhere else on the page Editing • Double-click text to edit and access font settings. • Double-click an image to replace it or upload your own. Drag and drop images to replace selected ones. • Paste copied images or URLs onto selected elements. Shortcuts • Copy/Cut: Ctrl + C/X • Paste: Ctrl + V • Undo/Redo: Ctrl + Z/Ctrl + Shift + Z • Delete: Remove selected elements with Delete key. Styling • Use the text menu to adjust font, size, weight, line height, and spacing. • Set text alignment, change casing, or add decorations (underline, bold, italic). • Use the colour selector or adjust hue, saturation, and transparency manually. Rulers & Guides • Drag rulers from the edges to create guides. Shift to snap guides to edges/center, Alt for temporary guides.
Page Marker - Draw on Web
Draw or highlight on any website in real time. Add text, lines, and shapes. Move, undo, or redo anything you draw. Draw on any website, add text, add lines, and highlight! With Page Marker, you can use your mouse or touchscreen to draw on the web or on PDFs and save it to your computer. Paint, draw, and mark on any webpage or website. Instructions: 1. Click the puzzle piece-shaped extensions icon in the top right corner of your browser. Pin the Page Marker red marker icon for ease of access. 2. Begin drawing on any webpage with your mouse or touchscreen. 3. To change the color of the marker, click on the color selecting box. 4. To change thickness, use the size slider. 5. Use the highlighter tool to highlight lines of text. 6. Use the eraser tool to erase parts of your drawing. 7. Use the text tool to add text to the website. 8. Use the line tool to draw straight lines. 9. To undo or redo, click the corresponding undo/redo buttons. 10. Change the default color or thickness in the options menu when you right click the Page Marker icon.
Web Paint - Page Marker & Editor
Web Paint - Page Marker & Editor enables you to make annotations and modifications on websites. This extension allows you to draw, add text, insert lines, and highlight content directly on web pages and PDFs. The tool is compatible with both mouse and touchscreen inputs, giving you the ability to create and save your edits to your device. Whether you're a student, a professional, or simply an avid web user, this extension is a valuable addition. It offers a range of advanced annotation tools, such as a pencil, highlighter, color picker, arrow, polygon, text, and emojis. Are you accustomed to highlighting important text in books or do you want to draw directly on websites in real-time from your browser? Perhaps you need to share your screen for tasks like reporting technical issues, creating product demonstrations, or crafting how-to tutorials. Here's why you should consider using our extension: - It includes all the features found in MS Paint. - You can adjust the thickness, transparency, and choose preset colors. - Capture a screenshot of the entire page. Paint Online is a lightweight and free Chrome extension designed for educational purposes, introducing anyone to the world of drawing right within their browser. Additionally, it offers the opportunity to practice the alphabet, numbers, and artwork while learning. The extension allows for full-page screen captures, saving the screenshots as PDFs or images. These instant captures are stored locally and don't generate online traffic. The screenshot tool functions offline and is incredibly user-friendly. You can easily choose between full-screen or partial area captures with a single click. Furthermore, you have the flexibility to customize the screenshots by adding text, drawing lines, arrows, and shapes. The extension provides the following features: 1.Convenient hotkeys for each tool 2. Save drawings along with screenshots 3. Save images to your PC or print them 4. Crop and save specific image areas We value your feedback! Our team is dedicated to offering you the best Chrome experience possible. If you find our extension helpful, please consider giving it a 5-star rating.
Page Marker - Web Paint on Pages
Draw or highlight on any website in real time. Add text, lines, and shapes, then make screenshot the result. Draw or highlight on any website in real time. Add text, lines, and shapes, then make screenshot the result. Are you accustomed to highlighting important text in books or do you want to draw directly on websites in real-time from your browser? Perhaps you need to share your screen for tasks like reporting technical issues, creating product demonstrations, or crafting how-to tutorials. Whether you're a student, a professional, or just someone who loves browsing the web is a must-have extension. You'll have access to an array of advanced annotation tools, including a pencil, highlighter, color picker, arrow, polygon, text, emoji, and more. It contains the tools you need: - Pencil tool - draw custom lines - Text tool - add annotation - Emoji - add fine emoji on any web pages - Bucket fill tool - fill shapes and drawn with any color from palette - Line tool - put start and end point to paint straight line - Quadratic curve - draw a quadratic curve with the selected line width - Bezier curve - paint a bezier curve with the selected line width - Polygon tool - paint a polygon with the selected line width - Ellipse tool - draw an ellipse or a circle with the selected line width - Eyedropper tool - pick a color from the web page or your drawings - Screenshot tool - screenshot maker allows saving result in PN or JPG Privacy Policy By design, your data stays at all times on your Google account, never saved in our database. Your data aren’t shared with anyone, including the add-on owner. We complies with privacy laws (especially GDPR & California Privacy Act) to protect your data. All data you upload are automatically deleted every day.
Screen Ruler - Measure and Inspect the Web
Web inspector for designers & developers. Measure elements, extract CSS & colors, capture screenshots & more. Screen Ruler is the perfect companion for web developers and designers wanting to validate the implementation of their websites. Once activated, it allows you to view the sizes, margins, paddings, tag names, IDs, and classes simply by hovering over any web content. You can also select an item to measure distances to others. - Toggle the extension by clicking the icon, selecting from the right-click context menu, or using the shortcut `Alt/Option + Shift + R`. - Hover over items on web pages to display their sizes, margins, paddings, tag names, IDs, and classes. - Select an item by clicking on it directly; this will turn the highlight red. To deselect, click again, press Escape or select a different item. - To select the parent, use `Alt/Option + Up`. Use `Alt/Option + Down` to reverse your selection. - View the computed CSS of the currently selected item in the side panel. Click the "Copy CSS" button to copy the computed CSS to your clipboard. - Measure the pixel size of any element. - Measure the pixel distance between any two elements. - HTML tag names, class names and IDs. - Parent/child selection shortcuts. - Responsive selections resize with your browser window. - Access from the context menu. - Computed CSS inspect. - Copy CSS to clipboard. - Page rulers for precise measurements (horizontal and vertical guides with crosshair). - Color picker tool to sample and copy colors from anywhere on the page. - Element Screenshots: Capture cropped screenshots of selected items using `Ctrl/Cmd + Shift + S`. - Accessibility Issues: Automatically detect and highlight WCAG contrast failures in your selection with actionable recommendations. - Works on any web page. - Customize keyboard shortcuts by visiting `chrome://extensions/shortcuts`. Screen Ruler PRO A PRO tier is also available which unlocks additional features. - Floating Inspector: See detailed properties when you hover, including position, size, rendered font, colors and more. - Responsive Mode: Test your designs across different device viewports with an interactive device emulator and custom dimensions. - Box Shadow Visualization: Interactive breakdown of multi-layer box shadows with an exploded view. - Animation Analysis: Visualize CSS animation timing curves and copy animation properties. - Asset Extraction: Extract and download images, SVGs, and vector assets. - Color Extraction: Extract and copy color palettes from selected content with hex, RGB, and HSL values. - Layout Grid Overlay: Overlay a customizable layout grid for perfect design alignment. - CSS Selector Search: Find and highlight items using CSS selectors. - Typography: Analyze and extract all typography styles used in your selection. - X-Ray Mode: Reveal the underlying structure of the page by outlining all content. PRO requires a one-off payment for lifetime access. Made For - Developers: Spot layout issues or identify alignment problems. Whether you're tweaking margins and paddings, or just making sure everything lines up correctly, this tool becomes an indispensable addition to your development toolkit. - Designers: Ensure your designs have been implemented with pixel-perfect accuracy. It acts as a bridge between design and development, allowing you to check if every component aligns exactly as you intended. - Designed specifically for stability in Google Chrome 116+. - Installable on any Chromium browser; however, for the best experience, make sure your browser supports all the required APIs (like Side Panel and Offscreen). If there are any issues with installation, update your browser to the latest version and try again.
