Frontend Fuel - Issue 17

News

Mozilla have commissioned an internet health report to try and explain what is helping and hurting the web in 2018. https://internethealthreport.org/2018/

HSBC, Metro Bank and Halifax made a major error when releasing the latest version of their websites. Lack of a11y testing. http://www.bbc.co.uk/news/business-43968736

A point release this week for SublimeText. https://www.sublimetext.com/blog/articles/sublime-text-3-point-1

General Reading

Lets talk about web workers. A JavaScript program running on a different thread, in parallel with main thread. https://itnext.io/achieving-parallelism-in-javascript-using-web-workers-8f921f2d26db

Service workers and push notifications enabled by default in the latest version of Edge which is out soon. https://blogs.windows.com/msedgedev/2018/04/30/edgehtml-17-april-2018-update/#7g1dGtczOXJxSXDp.97

All about CSS Grid and how the CSS Grid Level 2 specification could bring sub-grid to browsers. https://rachelandrew.co.uk/archives/2018/04/27/grid-level-2-and-subgrid/

Display: Contents Is Not a CSS Reset and using it as such is dangerous for accessibility. http://adrianroselli.com/2018/05/display-contents-is-not-a-css-reset.html

Everything you always wanted to know about implementing scrolling but were afraid to ask. https://evilmartians.com/chronicles/scroll-to-the-future-modern-javascript-css-scrolling-implementations

Tutorials

Type=”number” isn’t appropriate for all numbers, so the inputmode attribute steps in to save the day. https://css-tricks.com/finger-friendly-numerical-inputs-with-inputmode/

Need to create a print stylesheet in 2018? Here’s everything you need to know! https://www.smashingmagazine.com/2018/05/print-stylesheets-in-2018/

There’s so much to DevTools if you hunt around the UI. Here’s an article on how to debug animations. https://css-tricks.com/inspecting-animations-in-devtools/

Presentations

It’s My (Third) Party, and I’ll Cry if I Want To.The slides from Harry Roberts new talk he gave yesterday at DeltaV conference. https://speakerdeck.com/csswizardry/its-my-third-party-and-ill-cry-if-i-want-to

Demos

Recreating the iconic Star Wars intro using web technologies. https://dev.to/christopherkade/developing-the-star-wars-opening-crawl-in-htmlcss-2j9e

Incredibly detailed “painting” drawn using only CSS. http://diana-adrianne.com/purecss-francine/

Events

London Accessibility Meetup #14 / May 17 / London https://www.meetup.com/London-Accessibility-Meetup/

UX London / May 23rd - 25th / London. https://2018.uxlondon.com/

Pixel Pioneers / June 8th / Bristol https://pixelpioneers.co/

London Tech Week 2018 / June 11th - 17th / London. https://londontechweek.com/

UX Scotland 2018 / June 13th - 15th / Edinburgh. http://uxscotland.net/2018/

Scotland JS 2018 / July 19th - 20th / Edinburgh. http://scotlandjs.com/

Off-topic

The number of permutations you can have with a simple pack of playing cards is astronomically huge (52!). It’s impossible for our brains conceive just how huge that number is, but this article takes a stab at it. https://czep.net/weblog/52cards.html