--- title: "Is there a 'great divide' in frontend skills?" publication: "Frontend Focus" issue: 375 published_at: "2019-01-23" canonical_url: "https://frontendfoc.us/issues/375" --- This Week's HTML, CSS, Browser, and Frontend News #375 — January 23, 2019 [Read on the Web](https://frontendfoc.us/issues/375) Frontend Focus [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/g213l1fendyfqxq6ilt1.jpg)](https://www.smashingmagazine.com/2019/01/html5-input-types/) [HTML5's Input Types: Where Are They Now?](https://www.smashingmagazine.com/2019/01/html5-input-types/) — HTML5 introduced 13 new types of form input (think things like `type="color"`), adding significantly to the number of different fields we could add to our forms. But what is the state of those field types today? Drew McLellan [The Great Divide in Front-End Development Skills](https://css-tricks.com/the-great-divide/) — An interesting think piece on what Chris Coyier perceives as a _widening_ gulf between different types of front-end developer. Is there such a thing as a front-end developer or are we all becoming either UX engineers or JavaScript developers? Chris Coyier [![\](https://copm.s3.amazonaws.com/4db56618.png)](https://go.bitmovin.com/download-classpass-case-study-report-0?utm_source=paid-newsletter&utm_medium=cooperpress&utm_campaign=cp-frontend&utm_content=classpass-case-study) [Building an Immersive Video-Delivered Experience](https://go.bitmovin.com/download-classpass-case-study-report-0?utm_source=paid-newsletter&utm_medium=cooperpress&utm_campaign=cp-frontend&utm_content=classpass-case-study) — Understand how ClassPass leverages Bitmovin's streaming video capabilities for a interactive, remote fitness experience. Bitmovin sponsor [Chrome to Experimentally Implement the Priority Hints API, A Way to Signal the Priorities of Resources](https://groups.google.com/a/chromium.org/d/msg/blink-dev/jpeSdM897Xw/CY6tothSDgAJ) — Provides developers with a way to hint at the ‘importance’ of a resource (`img`, `link` and `fetch()`) to prioritize the downloading of it sooner/later. Here’s the [spec](https://wicg.github.io/priority-hints/). Blink-Dev ▶[Your CSS Layout Toolkit for 2019](https://www.youtube.com/watch?v=5XsZnCwbgwA) — Goes through what we have now and what is coming next for CSS layout. Associated [slides & code examples here](https://noti.st/rachelandrew/QEhSSc/your-css-layout-toolkit-for-2019?). Rachel Andrew [What's New in DevTools in Chrome 73](https://developers.google.com/web/updates/2019/01/devtools) — Quite a lot of smaller things, including ‘Logpoints’ a way to log messages to the console without adding `console.log()` calls, keyboard navigation of the console, and the ability to manage geolocation overrides. Google Developers 💻 Jobs [Sr. Fullstack Engineer (Remote)](https://www.stickermule.com/careers) — Sticker Mule is looking for passionate developers to join our remote team. Come help us become the Internet’s best place to shop and work. Sticker Mule [Find A Job Through Vettery](https://www.vettery.com/tech?utm_source=newsletter&utm_medium=cooper-webopsweekly&utm_term=tech&utm_content=grouped&utm_campaign=ad-77581) — Vettery specializes in developer roles and is completely free for job seekers. Vettery 📘 Articles, Opinion & Tutorials [What the Firefox DevTools Team Did in 2018](https://nicolaschevobbe.com/2019/01/17/webconsole-2018-retrospective.html) — A fantastic retrospective of what happened to Firefox’s DevTools last year, complete with helpful screenshots. Nicolas Chevobbe [Why The Adoption of Web Accessibility Keeps Failing](https://medium.com/@maxvanderschee/why-the-adoption-of-web-accessibility-keeps-failing-e78fe4c94149) — _“Web Accessibility is a well-known web innovation among developers, so why does it end up last on the priority list?”_ Max van der Schee [Free Guide - When to Choose ExtReact: A Guide for Developers & Managers](https://www.sencha.com/resources/whitepaper/when-to-choose-extreact/?utm_source=cpfef&utm_medium=advertising&utm_campaign=sncextreact&utm_content=012319-wp-sncextreact) — ExtReact includes an extensive component library built to work with your React apps. Read our guide to learn more. Sencha, Inc. sponsor [How To: Back-to-top Button Without Scroll Events](https://m.signalvnoise.com/how-to-back-to-top-button-without-scroll-events/) — An alternative way to build user interface features that rely on scroll position without actually observing scroll events. Jason Zimdars [Full-Stack Development in the Era of Serverless Computing](https://medium.com/@dabit3/full-stack-development-in-the-era-of-serverless-computing-c1e49bba8580) — A high level, Web developer-focused look at how serverless technologies are changing what it means to be a 'full-stack' developer. Nader Dabit [Open Source, Google, and WordPress 5.0 with Matt Mullenweg](http://5by5.tv/bigwebshow/183) — Jeffrey Zeldman speaks to coder, writer, and founding developer of WordPress Matt Mullenweg. The Big Web Show podcast [Best Practices for Improving Page Load Speed Whitepaper. Download Now](https://info.cloudinary.com/media_rich_and_fast_whitepaper_registration.html?utm_source=front_end_focus&utm_medium=brief_link&utm_campaign=developer_whitepaper) Cloudinary sponsor [Faster Page Loads by Prefetching Links During Idle Time](https://blog.bitsrc.io/faster-page-loads-by-prefetching-links-during-idle-time-5abe42dacf9) Chidume Nnamdi 🔧 Code and Tools ![](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/skg7ptebgo6jzkhp5ihy.jpg) [Bob Ross Doing the Floss (Like a Boss) in Pure CSS](https://codepen.io/ste-vg/pen/jXogqd) — As the late great Bob Ross once said: _“The secret to doing anything is believing that you can do it...(even in CSS)”_. I may have added that last bit, but this is a cute demo. Steve Gardner codepen [A Well-Documented Webpack Boilerplate for Static Websites](https://github.com/tr1s/tris-webpack-boilerplate) — ..that has all the necessary modern tools and optimizations built-in. It also has a perfect Lighthouse score. Tristan Michael Lawrence [Catch Visual Bugs Automatically and Start Deploying Faster](https://percy.io?sponsorednewsletter&utm_source=frontendfocus&utm_medium=sponsored_newsletter&utm_campaign=190123&utm_content=cvb+faster&utm_%20term=brief) Percy sponsor [Destyle.css: A Clean Slate for Writing CSS Without User Agent Styles](https://nicolas-cusan.github.io/destyle.css) — An opinionated reset stylesheet. Nicolas Cusan [Infinity CSS Grid](https://vladocar.github.io/infinity-css-grid/) — You can add as many columns as you like, and you can merge the columns or insert columns _inside_ columns. Everything is 0.1 Kb and it even works in IE10. [Repo here](https://github.com/vladocar/infinity-css-grid/). Vladimir Carrer [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/ozoc4k3xopsw5gtxhoh4.jpg)](https://github.com/Athari/CssGitHubWindows) [GitHub Windows Edition: Turn GitHub into Windows 98](https://github.com/Athari/CssGitHubWindows) — A neat user style which transforms GitHub into a style reminiscent of Windows 95/98. Alexander Prokhorov 🗓 Upcoming Events [Frontend Developer Love, February 13-15 — Amsterdam, Netherlands](https://www.frontenddeveloperlove.com/) — The biggest frontend developer / JS conference in the Netherlands. [UpFront Conference, March 22 — Manchester, UK](https://upfrontconf.com/) — A frontend conference 'open to everyone who makes for the web'. [SmashingConf, April 16–17 — San Francisco, California](https://smashingconf.com/sf-2019/) — A friendly, inclusive event which is focused on real-world problems and solutions [CSSCamp 2019, July 17 — Barcelona, Catalunya](https://csscamp.tech/) — A one-day, one-track conference for web designers and developers. A **[Cooperpress](https://cooperpress.com/)** publication — Curated by [Chris Brandrick](https://twitter.com/chrisbrandrick) and [Peter Cooper](https://twitter.com/peterc). [Change your email address](https://frontendfoc.us/edit_subscription/*|UID|*) or[stop getting this newsletter](https://frontendfoc.us/leave/*|UID|*) © Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom