Blur and desaturate your webpage to see how well the design holds up. A tool for web designers and developers.
Squint Extension
Squint is a simple utility for web designers to review their works in progress in a browser.
It blurs and removes the colors from your current active tab. That's it. No personal information, no ads, no micropayments, no subscriptions.
Why blur your page, you ask?
It's easy to lose track of how good a design is when you're focused on the content. It's easy to lose track of simplicity as you add incremental details to a marketing page or web application.
When I was taking college art classes, my painting professor encouraged us to walk away from our work regularly and squint at it from across the room as a way to quickly evaluate the overall composition. The same principle works here. You can tell if your project has strong visual hierarchy and good use of foundational design principles by looking at it with the distracting details obfuscated.
Read more
It blurs and removes the colors from your current active tab. That's it. No personal information, no ads, no micropayments, no subscriptions.
Why blur your page, you ask?
It's easy to lose track of how good a design is when you're focused on the content. It's easy to lose track of simplicity as you add incremental details to a marketing page or web application.
When I was taking college art classes, my painting professor encouraged us to walk away from our work regularly and squint at it from across the room as a way to quickly evaluate the overall composition. The same principle works here. You can tell if your project has strong visual hierarchy and good use of foundational design principles by looking at it with the distracting details obfuscated.
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Squint", "description": "Blur and desaturate your webpage to see how well the design holds up. A tool for web designers and developers.", "version": "1.0.2", "action": { "default_popup": "squint.html", "default_icon": "icons/squint-16.png" }, "icons": { "16": "icons/squint-16.png", "32": "icons/squint-32.png", "48": "icons/squint-48.png", "96": "icons/squint-96.png", "128": "icons/squint-128.png" }, "permissions": ["scripting"], "host_permissions": [ "https://*/", "http://*/" ]}
Read more