In this short blog post I want to share a few of the things that I learnt during the event which I think it’s worth sharing with you.
What’s a variable font?
Variable fonts are an evolution of the OpenType font specification that enables many different variations of a typeface to be incorporated into a single file, rather than having a separate font file for every width, weight, or style. They let you access all the variations contained in a given font file via CSS and a single @font-face reference. Read more: developer.mozilla.org
This will enable designers and frontend developers to build really personalised experiences and interesting UIs with fancy effects! Accessibility can also benefit from variable fonts! Be warned, the CodePen above will most likely trigger your laptop fans to keep the processor cool 😂
If you want to learn more about it, I’ve collected some useful links:
- Variable Fonts - Supercharged
- v-fonts.com - A simple resource for finding and trying variable fonts
Interested in the stats? Check out 2018.stateofjs.com 🚀
Best of JS
Next time you need a library to deal with dates, or a React Component for animations, or a Node.js API framework, or simply just to stay up to date with latest released projects, consider paying a visit to bestofjs.org
webhint is a linting tool that will help you with your site’s accessibility, speed, security and more, by checking your code for best practices and common errors. Use the online scanner or the CLI to start checking your site for errors.
Similar to Google Lighthouse, Microsoft webhint can analyse your website and give you hints for improvements around accessibility, performance, security and more. It also has a CLI and it integrates with Visual Studio Code so you can get you code statically scanned by webhint while you are coding!
Try the online scanner or run webhint from your CLI:
npx hint https://example.com
vm := otto.New() vm.Run(` abc = 2 + 2; console.log("The value of abc is " + abc); // 4 `)
A secure TypeScript runtime on V8
He presented the project during this talk: 10 Things I Regret About Node.js - Ryan Dahl - JSConf EU 2018 and I find fascinating his motivation and hard work to put this together.
Compared to Node.js, deno is still under development but we already know that it has no
npm and it’s explicitly not compatible with Node.
If you want to know more about deno or the thoughts behind it, check these out:
- Ryan Dahl is fixing his Node.js design regrets with Deno
- 10 Things I Regret About Node.js - Ryan Dahl - JSConf EU 2018
Such adventure it’s extremely challenging, especially due to the performance and compatibility issue one may encounter but it’s definitely possible and games like Battlefield 1 are proof that this is doable.
Yes, believe me or not, the user interface of Battlefield 1 is actually built using React and MobX.
Holy CRAP! Battlefield 1 is using React + MobX for the game UI 🤯😱 pic.twitter.com/va12fBeswE— Kitze 🚢️ (@thekitze) March 24, 2018
We all heard that http2 is out while now and it’s great. Big companies are already using it but most of us didn’t have a chance to work with it yet.
It’s your chance to take a look at some interesting readings and start using it:
The tickets for dotJS 2019 are already on sale for early birds. For the first time next year there will be 2 days - one with talks focused on Frontend and the following one about Backend & Language.
Get your ticket on 2019.dotjs.io
If you like attending or speaking at tech conferences…
Consider joining us at DAZN as we have a budget for that!
We are building a streaming platform at scale with some of the coolest and cutting edge technologies.
We are an amazing team which is growing and looking for:
- Frontend Developer
- Backend Developer
- Developer Experience Engineer
- QA Frontend
- QA Backend
and much more! Check out engineering.dazn.com for the full list of open positions!
Thanks for reading 😊