Issue #212 (@font-face, Vue.js Tools, Media, Uncats)
What's the status of @font-face support in browsers nowadays? Well, if you've been embedding custom fonts for some time now, then you're probably familiar with the history surrounding bulletproof web fonts:
So most of us have been using that updated syntax, which you can produce automatically for any appropriately licensed font using Font Squirrel's Webfont Generator
. The syntax basically looked like this:
src: url('myfont.eot#iefix') format('embedded-opentype'),
This ensured support in all browsers, even going back to old versions of IE, with certain parts of the syntax fixing some bugs in those older browsers.
But today, the default settings for Font Squirrel's generator produce the following:
src: url('myfont.woff2') format('woff2'),
combined have strong browser support everywhere including IE9+, so unless you're concerned with something like old IE or old Android, this is now all you need.
CSS-Tricks has a pretty solid yet succinct explanation
of the different levels of @font-face
support and which syntax you'll want to consider, so check that out for more details.
Now on to this week's tools!
A straightforward Vue component to filter and sort tables.
Vue component for dealing with long scrolling content lists.
A simple Vue.js gantt chart plugin for presenting weekly tasks.
Mobile-friendly infinite scroll plugin for Vue.
A plugin for Vue.js that allows you to validate input fields and display errors in an easy and powerful way.
A lightweight open-source utility layer for binding Vuex to Redux that allows developers to reuse their pre-existing Redux state management libraries.
Mobile-friendly picture file input Vue.js component with image preview, drag and drop, EXIF orientation, and more.
A minimalistic framework for demonstrating your Vue components, inspired by react-storybook.
Online WebP Converter
Convert your image files into the more efficient WebP format (Chrome and Opera only on Desktop). 8mb max with option to choose quality level for output.
A small, free, SVG-based animated icon set.
Chrome extension that enables anyone to record, edit, and share high-quality videos in minutes.
Extensive, free, SVG-based static icon set.
Scalable peer-to-peer live video streaming.
Online, full-featured SVG editor.
SVG to PNG
Free online tool to convert SVG files to PNG quickly and easily.
Free animated backgrounds for your homepage.
Register an emoji-based domain name.
Turn your Google Analytics data into insights using AI technology.
Helps you create beautiful, intelligent, responsive API documentation.
Service to allow you to monetize excess work so you never need to turn down freelance work.
Email newsletter builder and campaign service. Free up to 1000 subs, $5 per thousand after that, which is pretty reasonable.
Test different Google fonts on beautiful backgrounds and colors.
Send single question yes/no surveys. Get loads of feedback.
10 Minute Mail
Disposable email service.