10 new web tools to add to your armoury

06. Foundation for Apps

Foundation for Apps: a new way to make responsive web apps

Foundation for Apps: a new way to make responsive web apps

It's true: there's now a flavour of the popular responsive front-end framework Foundation that helps you make apps. Foundation for Apps eases the pain of making responsive, mobile-optimised web apps by providing a solid code base for your project.

The people at Zurb have built a new grid based on Flexbox specially for apps that gives you the power to create complicated grids without having to deal with the complexity of Flexbox yourself. They've also developed a set of classes and mixins called Motion UI that makes it easy for you to add animation to your apps. Check it out here.

07. interact.js

interact.js: plays well with SVG

interact.js: plays well with SVG

Interact.js is a JavaScript module for drag and drop, resizing and multi-touch gestures with inertia and snapping for modern browsers (and also IE8+). It does work that might otherwise be handled with jQuery UI, but unlike jQuery UI it works well with SVG.

Created by Taye Adeyemi, interact.js is also lightweight and handles multi-touch input. Its aim is to help you out by presenting input data consistently across different browsers and devices.

You can read more about it and play around with some demos on this Mozilla Hacks post.

08. deSVG

Slim down your HTML and style SVGs with CSS

Slim down your HTML and style SVGs with CSS

Ben Howdle has created this handy tool for removing inline SVG bloat from your HTML document. On his deSVG page Howdle writes: "deSVG takes the <img /> tags you supply. It then grabs, using AJAX, the raw SVG you've set in the 'src' attribute and replaces that <img /> with the <svg /> it downloads". You can style SVGs with CSS, and SVGs are still accessible without JavaScript.

09. Materialize

Build Material sites fast with this responsive framework

Build Material sites fast with this responsive framework

A group of students from Carnegie Mellon University are working on this responsive front-end framework to make it easy to get started with Material Design. Materialize is available as CSS and JavaScript files, or alternatively SASS files, and can also be installed via Bower.

It includes starter templates to help get you going, and lots of components to make it quick to implement the Material style. This project is still in its alpha stage and at this point there are a range of visual components as well as dialogs, dropdown menus and some nav elements for mobile.

10. What colour is it?

The forty sixth second of the twenty fifth minute of the twenty third hour: deep purple

The forty sixth second of the twenty fifth minute of the twenty third hour: deep purple

What colour is time? We've all asked ourselves this question at some point, and now this website has the answer. The time (on Earth) can be represented by six digits corresponding to the hours, the minutes and the seconds. Six digits, just like a hex value. This clock converts the current time into a CSS colour and displays it as the background to the page. Simple, wonderful.

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:

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 seven full-time members of staff: Editor Georgia Coggan, Deputy Editor Rosie Hilder, Deals Editor Beren Neale, Senior News Editor Daniel Piper, Digital Arts and Design Editor Ian Dean, Tech Reviews Editor Erlingur Einarsson and Ecommerce Writer Abi Le Guilcher, 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.