Frontend Fuel - Issue 3

News

Edge is coming to iOS soon, here’s what developers need to know. https://blogs.windows.com/msedgedev/2017/10/05/microsoft-edge-ios-android-developer/

Marijn Haverbeke, the author of the fantastic Eloquent JavaScript book is planning a rewrite for the 3rd edition and is looking for backers. I highly recommend adding it toy your reading list. https://eloquentjavascript.net/3rd_edition/

Chrome 62 brings a whole bunch of new features to play with in the DevTools. Expected to hit the stable channel by October 24th. https://developers.google.com/web/updates/2017/08/devtools-release-notes

General Reading

SmashingMagazine held a competition to show what can be achieved using CSS Grid, here are the impressive results. https://www.smashingmagazine.com/2017/10/css-grid-challenge-2017-winners/

An eBook by Addy Osmani, all about image optimisation in 2017. https://images.guide/

Rachel Andrew has a new book out all about CSS Grid. Not free but looks like it would be worth purchasing. https://abookapart.com/products/the-new-css-layout

Tutorials

How to design and develop a WebVR experience. https://14islands.com/blog/2017/09/29/webvr-for-everyone/

A five minute guide to better typography. http://pierrickcalvez.com/journal/a-five-minutes-guide-to-better-typography

Presentations

Payment Request API is a new W3C web standard being introduced to make payments easier on a merchant website. [34 mins] https://paymentrequest.show/

Old presentation from FFConf 2015 by Marcy Sutton on “How to win at mobile accessibility”. Worth a watch for those who weren’t there. [39 mins] https://www.youtube.com/watch?v=Jp6-9X-ZClk

Tools

Huge amount of information about modern JS, in 1 handy cheat sheet. https://github.com/mbeaudru/modern-js-cheatsheet

Experimental Accessibility testing in Chrome DevTools. aXe Coconut includes the latest axe-core code changes for Shadow DOM, with experimental rules also enabled. https://www.deque.com/blog/test-leading-edge-accessibility-axe-coconut-axe-core-3-0/

Security.txt defines a standard to help organizations define the process for security researchers to securely disclose security vulnerabilities. https://securitytxt.org/

Demos

Implementation of the Fast Neural Style Transfer algorithm running purely on the browser using the Deeplearn.JS library https://reiinakano.github.io/fast-style-transfer-deeplearnjs/

Dropbox is rebranding and they have built a very colourful page to show it off. https://dropbox.design/

Pretty examples of how Stripe handles payment inputs https://stripe.com/elements

Visualisation of how different sorting algorithms work https://caspervonb.github.io/toneofsorting/

Events

Speed Perception and Lighthouse - Wednesday, 25th October - 19:00 https://ldnwebperf.org/?mc_cid=5971eb32a0&mc_eid=a1b7db883a

JS Monthly - October 25th https://www.meetup.com/js-monthly/events/243544343/

Libraries & Plugins

A lightweight, responsive, modern drag & drop library. https://shopify.github.io/draggable/

Simple library to add bubble animated backgrounds you your webpage, works using Canvas. https://tipsy.github.io/bubbly-bg/

Off-topic

Ever wondered how some of the Underground stations are laid out? These 3D cutaway’s will help you visualise them. http://londonist.com/london/transport/london-cutaways