Skip to main content

The 10 best new web design tools in April

06. Textures.js (opens in new tab)

A convenient way to create textures for your data visualisations

A convenient way to create textures for your data visualisations

Built on top of d3.js by data science man Riccardo Scalco (opens in new tab), Textures.js is a handy library for generating SVG textures for your data visualisations. The site includes instructions on getting started, combining different lines, dots and shading as well as creating your own custom patterns. It installs nicely with bower and npm.

07. Loaders.css (opens in new tab)

Some fantastic, lightweight loading animations made in CSS

Some fantastic, lightweight loading animations made in CSS

These loading animations by Connor Atherton (opens in new tab) are made entirely out of CSS and are designed to be as lightweight and performant as possible. Full documentation is available here (opens in new tab), including a collection of useful articles that explain some of the principles of web page rendering and good practice for writing code that performs well. The loaders are free to use, so long as you include the same copyright notice in your work.

08. Niice for iOS (opens in new tab)

Create moodboards on your phone by swiping images from Niice

Create moodboards on your phone by swiping images from Niice

If you're not familiar with Niice, it's a visual search engine that shows you "niice" images. Unlike Google images, Niice only gives you images that are visually appealing, interesting or inspirational in some way, so it's a great place to look for ideas and starting points. There's now an iOS app that enables you to create moodboards by swiping images from your Niice searches; a handy way to brainstorm your projects.

09. gulp-check-unused-css (opens in new tab)

Sort out your class definitions

Sort out your class definitions

Keep your code clean and maintainable with this handy tool for checking that your class definitions are ship shape. The plugin's creator puts it like this: "Some classes are defined in your CSS, but never used in the templates. Some classes used in the templates don't appear in your CSS." An error is thrown up every time this happens so you can make things tidy.

Combat the scourge of link rot

Combat the scourge of link rot

Hyperlink is a useful tool created by Peter Müller for investigating your link rot. Broken or poorly performing links in your site don't make the best impression, so it's good to have an automated way to check them. Müller's thoughts on this as well as more information about how he made Hyperlink can be found here (opens in new tab).

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 (opens in new tab).

Like this? Read these:

Thank you for reading 5 articles this month* Join now for unlimited access

Enjoy your first month for just £1 / $1 / €1

*Read 5 free articles per month without a subscription

Join now for unlimited access

Try first month for just £1 / $1 / €1

The Creative Bloq team is made up of a group of design fans, and has changed and evolved since Creative Bloq began back in 2012. The current website team consists of six full-time members of staff: Editor Kerrie Hughes, Deputy Editor Rosie Hilder, Deals Editor Beren Neale, Senior News Editor Daniel Piper, Digital Arts and Design Editor Ian Dean, and Staff Writer Amelia Bamsey, as well as a roster of freelancers from around the world. The 3D World and ImagineFX magazine teams also pitch in, ensuring that content from 3D World and ImagineFX is represented on Creative Bloq. 

Topics