Jump to content
Slate Blackcurrant Watermelon Strawberry Orange Banana Apple Emerald Chocolate Marble
Slate Blackcurrant Watermelon Strawberry Orange Banana Apple Emerald Chocolate Marble
Sign in to follow this  
Rss Bot

10 new web design tools for August 2017

Recommended Posts

It may be the end of the summer, but there are plenty of hot new web design tools to get stuck into. One of the standout tools this month has to be Video Indexer from Microsoft, which can do some very clever things with video. There is also a handy static website builder, and a tool that will help you out when working with SVGs generated in Illustrator.

Beyond that there’s the usual roundup of new resources that make our lives that bit easier. Ready? Here we go!

01. Microsoft Video Indexer

Wv7sYyky7bHBBH9f4XXKyi.jpg

Extract insights from inside your videos

Microsoft's Video Indexer uses artificial intelligence to search for spoken words, faces and other characteristics within videos. It can detect when a scene changes and when text appears in a video, and can produce an audio transcript. Somehow, it can even look for particular emotions. You can use it to extract useful metadata that makes it easier for people to find your videos.

02. Supernova

9pq6nJtkd7KRv2bJ3FH3yi.jpg

Supernova converts mobile designs into fully-fledged native apps

Supernova turns Sketch designs into working native iOS and Android apps in a few minutes, enabling designers to create functioning apps without any coding. It converts design layers into native components and deals with responsive layouts for you. It’s currently still in beta, and free to try.

03. Parallax SVG Animation Tools

CCGzFcJhu47DbYUSQHF9zU.jpg

A great way to work with SVGs in Illustrator

Hand-editing SVG code can be a pain, so someone built this post-processor for SVGs produced by Illustrator. It uses layer names to create attributes, classes and IDs so they're much easier to select in JavaScript or CSS.

04. Fontface Ninja

8m69ibJRweqKFLMvXtnPde.jpg

This free browser extension lets you dig into different sites' font info

Fontface Ninja is a browser extension that lets you play around with and buy fonts on any website. Hover on a font on any site to see its name, line height, size and other specifications – you can even try it out by typing in an overlaid box to see how it will look for the text you have in mind. If you like it, the download or purchase link is provided so you can click straight through.

05. Publii

S7D8ZDMdhQaPDNYSxQQVde.jpg

Sites created with Publii are based on static HTML files, making them very safe

This is interesting: Publii is a desktop app that makes it easy to build stylish static websites. It’s geared up for building blogs in particular, and uses Google AMP technology for speed, and also handles layout on different devices for you. Running a static site is a great choice if you’re worried about security, as it makes your website much less vulnerable to intrusion.

06. JPNG.svg

Mub3UpLefbGubzhwv3qcge.jpg

Keep your images light with this helpful tool

Combining the transparency of a PNG with the compression of a JPG, this tool uses SVG to make PNG files smaller. Plus, it works in all modern browsers.

07. Uploadcare 3.0

EhPPYK5sj2rbYMT3TrwRde.jpg

Uploadcare works on any device and supports files up to 5TB in size

Uploadcare is a fast file uploader that deals with storage, processing and delivery. It will optimise your files and deliver them via its super-fast CDN. Version 3.0 offers some major improvements, including face recognition, colour extraction and image enhancement features.

08. Stockio

A9ZP8cxMP7KxP3kJWUdKtj.jpg

These stock assets are free to use

Stockio is a great stock resource that offers thousands of photos, videos, vectors, icons and fonts that are free for personal and commercial use.

09. Vecteezy Editor

wQHw5QojVGYhrdNuXDjWZR.jpg

Customise Vecteezy content directly in your browser

Vecteezy offers free and premium vector art and now it has an editor that can be used to make changes to Vecteezy artwork or to create your own vectors from scratch. It’s quite a handy way to edit vectors in the browser, and it works in Chrome, Chromium and Opera.

10. Sketch for Designers

5iPGrVQUZJtdVdKLcLLu9m.jpg

Supercharge your Sketch designs

Billing itself as 'A growing collection of the best Sketch resources', this site curates some of the most useful plugins and apps for Sketch so you can get the best out of the software.

Read more:

View the full article

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

×