Tips and tools: How to edit any website; tutorials for non-developers; Mac’s new screenshot feature; and more
(By the way, to get articles like this free in your inbox, subscribe to our newsletter.)
Here are some great resources we have recently shared with one another(We don’t profit from recommending things. We just love sharing things we think you’ll appreciate. You can see our other Tips and Tools articles here.)
A fantastic new tool for editing any website in your browser
Most modern browsers support a little known spec called “design mode,” which allows you to edit any page in your browser. We use it a lot. It allows us to quickly change the text on a page. For example, we can play around with headlines without needing to have access to the server, or needing to delve into Chrome DevTools. We activate Design Mode using the “Edit this website” bookmarklet.
Now, Google engineer Adam Argyll has created VisBug, a point-and-click web design extension for Chrome. It’s described near the bottom of this blog post and in this 30-second video. VisBug has a point-and-click, drag-and-drop interface that lets you do the things a DevTools expert could do:
- Quickly explore the styles used on a website
- Change colors, text, and images
- Move elements around
- Make small tweaks
…all from within your browser, using your mouse or keyboard.
Framer X, another great design tool
Those 48 minutes of video may prevent your marketing and design team from adding hours of headaches to your developers’ backlog.
A new way to capture screenshots and screen recordings on a Mac
If you’re like us, you’re constantly saving screenshots of websites, to remember great examples of copy or design, or to share feedback with a colleague. In macOS Mojave, Apple has introduced a useful screen capture tool that allows you to take screenshots and then annotate them.
You can activate the toolbar (see below) by typing Command+Shift+5. In addition to screenshots, it also lets you take screen recordings of all or part of the screen. Sometimes screen recordings are more useful than screenshots—especially when you’re discussing animations, interactive page elements, or flows between pages.
You can learn how to use the new screenshot tool here on Apple’s website.
News from within Conversion Rate Experts
We’ve published another great video testimonial
We have just published a new video testimonial that describes how we’ve generated over a hundred thousand Euros of profit for travel agency Shuttle Direct.
Become our next success story
If you’re looking to create a big CRO success story in 2019, visit this page to schedule a free strategy session.
How much did you like this article?
What’s your goal today?
1. Hire us to grow your company
We’ve generated hundreds of millions for our clients, using our unique CRE Methodology™. To discover how we can help grow your business:
- Read our case studies, client success stories, and video testimonials.
- Learn about us, and our unique values, beliefs and quirks.
- Visit our “Services” page to see the process by which we assess whether we’re a good fit for each other.
- Schedule your FREE website strategy session with one of our renowned experts.
2. Learn how to do conversion
Download a free copy of our Amazon #1 best-selling book, Making Websites Win, recommended by Google, Facebook, Microsoft, Moz, Econsultancy, and many more industry leaders. You’ll also be subscribed to our email newsletter and notified whenever we publish new articles or have something interesting to share.
Browse hundreds of articles, containing an amazing number of useful tools and techniques. Many readers tell us they have doubled their sales by following the advice in these articles.
3. Join our team
If you want to join our team—or discover why our team members love working with us—then see our “Careers” page.
4. Contact us
We help businesses worldwide, so get in touch!
© 2024 Conversion Rate Experts Limited. All rights reserved.