Looking for an easy way to build and collaborate on sitemaps? Octopus.do is super easy to use and lets you do basic wire-framing for pages in the sitemap as well. You can also leave comments and invite clients to work on the sitemap with you.
Resource Category: Web Design + Development
Tired of trying to keep up with the legalities of privacy policies? Termageddon is a Privacy Policy tool and their team monitors privacy laws for you and can automatically update your policy when the laws change. This is a great way to help you stay up to date and compliant with privacy laws, helping you avoid privacy-related fines and lawsuits. Good news, this is included in my maintenance plans!
Sip is a desktop app available for Mac (also included in SetApp), Windows and Linux that allows you to find the codes (hex, rgb, etc) of any color on your screen and create palettes for reference. Great for graphic designers!
Sizzy is a great tool for designers and developers. Render sites on multiple devices, operating systems and browser configurations to see how they display AND inspect the code to troubleshoot problems. This has been great for browser testing on devices I don’t have like ones running Android and Windows operating systems.
Not only is Barb someone you should be hiring for your SEO, she regularly shares easy to follow information on how to best optimize your site. Check out her DIY SEO courses!
Atom is a free, open-source, code editor. There are a lot of editors out there, but this one is my favorite. It’s pretty light-weight and super customizable. Perfect for newbies and seasoned pros alike.
Atom retired a few years ago, since then, I’ve been looking for an alternative and couldn’t find anything I liked as much. Turns out, Pulsar is an open-source copy of it! 🎉
Cacher is one of my favorite finds! When developing there is a lot of code that can be reused on sites and Cacher allows me to organize all of the snippets I’ve used. With tags and labels, I’m able to easily find the code that does that thing…
CSS Peeper is a CSS viewer tailored for Designers. Ever wondered what’s the line-height, font or a button size on a website? CSS Peeper lets you inspect code in the easiest way possible, just open it up and click on the element you want to check out.
Loom is a great tool for professionals who need to show clients how to perform tasks. While in the browser, hit record and let Loom take care of the rest. Record tutorials with or without audio and you can even show yourself on-screen during the tutorial. It’s also great for recording webinars!
As a designer, you probably end up with a ton of fonts. They can get pretty crazy to manage and some of them are client specific. FontBase is a great way to organize your fonts and you can turn them on and off based on what project you’re working on.