The 10 best new web design tools in July

06. SVG Filters

svgfilters

Quickly try out all those filters on your image

A handy tool for playing around with SVG filters. Drag and drop your image onto the page and then hit the buttons below to have a go with 29 different filters. All the code is visible and grabbable from the dialogues underneath.

07. tota11y

tota11y

Nail your accessibiilty requirements with a little help from tota11y

Getting accessibility right can be tough, so the Khan Academy have come up with this fantastic tool to help you out. It annotates your website with notes that point out accessibility wins and fails, helpfully providing suggested fixes for the later. More on the Khan Academy Engineering blog, here.

08. Relay

relay

Faster sharing and feedback via Slack

Relay helps you to share work more efficiently with your team and discuss it using Slack. You can quickly share what you’re doing in Photoshop, Illustrator and Sketch and receive feedback in the form of comments and annotations. There’s no need for anyone to sign up to anything; colleagues can use their normal Slack client to share and discuss.

09. IconStore

iconstore

Nice, sleek icon packs

A bunch of free icon packs from the good people at CodyHouse. They have other useful resources such as page transitions, scroll effects and more. Why reinvent the wheel every time?

10. Nudg.it

nudgit

Easy control over your Sketch nudge increments

Sometimes a tiny UI tweak can make all the difference. This Mac app has one cool little function: it enables you to adjust your nudge increments in Sketch without using the terminal.

Words: Tanya Combrinck

Tanya Combrinck has been writing about the web for over four years, and the internet is actually her preferred method of interacting with humanity. You can find her on Twitter at @tanyacombrinck.

Like this? Read these: