Circular menus can work really well; build one easily with this tool
Sara Soueidan has created this fantastic resource for building animated pie menus that generates the code for you and explains how to customise it. There's an interface to specify the kind of pie menu you want, followed by a detailed explanation of how to style, animate and embed it in your page or app. There's even a section on UX considerations, if you've any doubts about whether a pie menu is right for your purpose.
Did you know it could be costing someone 25 cents to download your site?
In some countries mobile data is expensive. Enter a URL here to find out how much it would cost a person on one of the cheaper mobile data plans to download your site on their device. According to this site the UK is one of the cheapest places to download data on a mobile network, while Germany, Switzerland and the US are some of the most expensive.
Metaflop provides a slider that adjusts the 'superness' of your fonts
Metaflop enables you to create your own fonts by tweaking parameters such as aperture, ascender height, pen width, unit width and so on. It's based on the metafont language, and provides a GUI so that you can make use of it without any coding. Simply drag the sliders to create unique letterforms, which can then be downloaded as a webfont or .otf file.
See how different CSS lengths vary by comparing them on a grid
Dealing with lengths in CSS can be confusing, because there are so many different ways of measuring: absolute lengths such as px and cm, font-related lengths, viewport percentages and so on. CSS Ruler makes it all easier to handle by allowing you to compare them all on a grid. There's a detailed guide over on CSS Tricks that explains it all in depth.
Handle text from Illustrator files better by converting to HTML
As the name suggests, this is a handy script that turns your Illustrator files into HTML and CSS. You could export your file as an image or SVG, but this has two disadvantages: text doesn't scale well and is difficult to edit. Using HTML is a good fix. Click the 'Limitations' link on the bottom left to check if this is suitable for your use case.
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.
Get the Creative Bloq Newsletter
Daily design news, reviews, how-tos and more, as picked by the editors.
