Frontend Fuel - Issue 8

News

Chrome to start blocking non-standard ads from Feb 15th. https://venturebeat.com/2017/12/19/chrome-will-start-blocking-ads-on-february-15/

Security issues with Intel CPU’s has been all over the news this week. More info here: https://meltdownattack.com/

The future of jQuery UI and jQuery Mobile is a little uncertain at the moment, so they are looking for contributors. http://blog.jqueryui.com/2017/12/the-future-of-jquery-ui-and-jquery-mobile/

Is Chrome becoming the new IE6 with Chrome-only websites? https://www.theverge.com/2018/1/4/16805216/google-chrome-only-sites-internet-explorer-6-web-standards

General Reading

The history of the tag, from the inventor of the tag. [http://www.montulli.org/theoriginofthe%3Cblink%3Etag](http://www.montulli.org/theoriginofthe%3Cblink%3Etag)

Whats new in Firefox 58 for Developers. https://hacks.mozilla.org/2017/11/new-in-firefox-58-developer-edition/

What’s been going on in JavaScript land in 2017? The survey of more than 28,000 developers gives an idea. http://stateofjs.com/2017/introduction/

Moving from Bootstrap to CSS Grid at the New York Times. https://open.nytimes.com/bootstrap-to-css-grid-87b3f5f830e4

There’s a lot more to FE Performance than minification and concatenating assets. There’s a whole article checklist here around the topic here. https://www.smashingmagazine.com/2018/01/front-end-performance-checklist-2018-pdf-pages/

Tutorials

University lecturer Jose Annunziato with a whole set of lectures around many web development topics. https://www.youtube.com/user/jannunzi/videos

Responsive Typography Using Modern CSS. https://stevenloria.com/responsive-typography/

Gain a better understanding of how CSS layout works by reading about the Block Formatting Context (BFC). https://www.smashingmagazine.com/2017/12/understanding-css-layout-block-formatting-context

Working with Design Systems and CSS Grid. https://24ways.org/2017/design-systems-and-css-grid/

Presentations

Rendering performance from the ground up [41 mins]. https://www.youtube.com/watch?v=xuifyagAeu4

Presentation around security-sensitive situations in which performance can actually be a bug rather than a feature. https://dev.opera.com/blog/timing-attacks/

Brief explanation of the Spectre & Meltdown security issues [12 mins]. https://www.youtube.com/watch?v=I5mRwzVvFGE

Tools

Huge checklist of inclusive design considerations. https://github.com/Heydon/inclusive-design-checklist/

Handy collection of CSS only loading spinners. http://tobiasahlin.com/spinkit/

Looking for a new font, Input is one designed specifically for code. http://input.fontbureau.com/

Find the JavaScript array method you need without digging through the docs. https://sdras.github.io/array-explorer/

Need help setting a performance budget for your site? There’s a tool for that. http://www.performancebudget.io/

Visualise the specificity of selectors in CSS using this handy tool. https://isellsoap.github.io/specificity-visualizer/

Demos

Portfolio homepage with a different design every 100px (resize your browser window). https://lynnandtonic.com/

Visual demo of how BitCoin transactions work. https://coindemo.io/

Events

FrontEndNorth / Sheffield / 19 Jan 2018 https://frontendnorth.com/

UpFront Conf 2018 / Manchester / 16 March 2018 http://lanyrd.com/2018/upfrontconf/

RenderConf 2018 / Oxford / 28 March 2018 https://2018.render-conf.com/

Front-end North-East / Newcastle / 5 April 2018 https://2018.frontendne.co.uk/

International JS Conference / London / 11 - 13 April 2018 https://javascript-conference.com/en/

Libraries & Plugins

Autoprefixer 7.2.0 brings better support for CSS Grid on IE. https://github.com/postcss/autoprefixer/releases/tag/7.2.0

Gulp 4.0 has emerged from the alpha phase. Lots of changes listed in alpha 1-3. https://github.com/gulpjs/gulp/releases

Another JS animation library, anime.js. http://animejs.com/

Off-topic

99 reasons why 2017 was a good year. https://medium.com/future-crunch/99-reasons-2017-was-a-good-year-d119d0c32d19