Tags: tools

Lighthouse [↗]

Lighthouse is an open-source, automated tool for improving the quality of web pages. You can run it against any page on the web. It has audits for performance, accessibility, progressive web apps, and more.

A nifty tool that provides some helpful hints for improving site performance. I like that it doesn’t just tell you what you’re doing wrong, but shows lots of green ticks for the stuff you’re doing right.

Colormind [↗]

Colormind is a color scheme generator that uses deep learning. It can learn color styles from photographs, movies, and popular art.

A nifty colour scheme generator. It has a nice colour lock feature, which enables easy generation of complementary and intermediate values.

3 open source link shorteners [↗]

Want to build your own URL shortener? These open source projects make it easy.

I quite fancy having my own URL shortener — it’s mentioned on the IndieWeb ‘Getting Started’ page, which is something I’ve been looking at getting involved in. The thing is, I’d need to register a new short domain and I’m not sure I want to do that. Anyhow, if I were to go down this route, the 3 URL shorteners in this article are all written in PHP and are worth investigating further.

Writefull – A new way of writing with confidence [↗]

Writefull is an app that gives feedback on your writing by checking your text against databases of correct language.

I’ve been using Writefull over the past week and it’s proper good. I love the “get words in context” feature. I also love that it’s cross platform and available for macOS, Windows and Linux. There’s also a nifty Chrome extension, if you’re that way inclined.

ColorMe [↗]

Visualize The CSS Color Function.

Nifty!

Favicon Generator. For real. [↗]

With so many platforms and icons, it’s hard to know exactly what you should do. What are the dimensions of favicon.ico? How many Touch icons do I need? RealFaviconGenerator did the reseach and testing for you.

This is pretty nifty. I was thinking of creating a web version of my Faviconator Ubuntu app, but after looking at this, I’m not sure I’ll bother.

RIP Firebug

The Firebug extension isn’t being developed or maintained any longer. We invite you to use the Firefox built-in DevTools instead.

I was an avid Firebug user and it’s THE tool that peaked my interest in front-end development. Until I came across Firebug, I was a back-end only guy (that sounds wrong). Anyway, a massive thanks to the developers, you’re all awesome and you’ve definitely made the web a better place. I will always have fond memories of Firebug and I think it’s earned its place in the annals of web history.

Font style matcher [↗]

If you’re using a web font, you’re bound to see a flash of unstyled text (or FOUC), between the initial render of your websafe font and the webfont that you’ve chosen. This usually results in a jarring shift in layout, due to sizing discrepancies between the two fonts. To minimize this discrepancy, you can try to match the fallback font and the intended webfont’s x-heights and widths [1]. This tool helps you do exactly that.

Very nifty.

Web Bloat Score Calculator [↗]

Compare size of a page to a compressed image of the same page.

As a totally different approach to measuring web bloat, I like this a lot.

Headless Browsers [↗]

A list of (almost) all headless web browsers in existence.

Wow, I didn’t realise there were so many of these things. I’ve only ever used PhantomJS.

◀ Older