---
title: "#301: A Pure CSS Alternative to Bootstrap"
publication: "Frontend Focus"
issue: 301
published_at: "2017-08-02"
canonical_url: "https://frontendfoc.us/issues/301"
---

#301: A Pure CSS Alternative to Bootstrap

This Week's HTML5, CSS, Browser, and Frontend News — [Read this e-mail on the Web](http://frontendfoc.us/issues/301)

Frontend FocusIssue 301 — August 2, 2017[Best Practices for Links Back to the Homepage](https://www.nngroup.com/articles/homepage-links/?utm_source=frontendfocus&utm_medium=email)A site logo linking to the homepage is not always enough. Here’s some best practices for that key link. Nielsen Norman Group 
[Shoelace.css: A Pure CSS Alternative to Bootstrap](https://labs.abeautifulsite.net/shoelace-css/docs/?utm_source=frontendfocus&utm_medium=email)A back to basics CSS starter kit _“for when you don’t need the whole boot”_. Cory LaViska 
[A W3C Report on a Formal 'Browser Extensions' API](https://browserext.github.io/browserext/?utm_source=frontendfocus&utm_medium=email)Work is underway on standardizing an API for creating extensions that are browser interoperable, as is possible with the non-formalized [WebExtensions API](https://developer.mozilla.org/en-US/Add-ons/WebExtensions). W3C 
[![Progress\](https://copm.s3.amazonaws.com/157f9bf8.png)](http://www.telerik.com/campaigns/kendo-ui/javascript-future-2017?utm_medium=newsletter&utm_source=frontendweekly&utm_campaign=kendo-ui-whitepaper-futurejs17-q32017)[[Whitepaper\] The Future of JavaScript—2017 and Beyond](http://www.telerik.com/campaigns/kendo-ui/javascript-future-2017?utm_medium=newsletter&utm_source=frontendweekly&utm_campaign=kendo-ui-whitepaper-futurejs17-q32017)2017 predictions for the key and rising JavaScript libraries and frameworks and JS’s New Frontiers in this whitepaper. ProgressSponsor
[Elm In Production: 25,000 Lines Later](https://charukiewi.cz/posts/elm/?utm_source=frontendfocus&utm_medium=email)[Elm](http://elm-lang.org/) is a ‘compile to JavaScript’ language for declaratively building front-end Web interfaces. This is one company’s experience with it. Christian Charukiewicz 
[What's New in Chrome 60 (Stable)](https://developers.google.com/web/updates/2017/07/nic60?utm_source=frontendfocus&utm_medium=email)..includes Paint Timing API, font loading controls with the CSS font-display property and WebAssembly. [Video round-up of features here](https://www.youtube.com/watch?v=vE7JTf2_-ws). Google Developers 
[Crafting Webfont Fallbacks [video\]](https://www.youtube.com/watch?v=tO01ul1WNW8)See how you can get attractive webfont visuals, good performance and reliable functionality by properly employing a finely-tuned fallback. Front End Center 
[What The Web Owes Flash](http://www.remotesynthesis.com/blog/what-the-web-owes-flash?utm_source=frontendfocus&utm_medium=email)Some more thoughts following [last week’s announcement that Adobe is to end support for Flash](https://twitter.com/i/moments/889884300975505408). Brian notes that _“Flash helped make the web what it is today”_. Brian Rinaldi 


Jobs [![Supported by Hired.com\](https://s3.amazonaws.com/s3.cooperpress.com/hired1.png)](https://hired.com/join/?utm_source=petercooperpress&utm_medium=sponsor&utm_campaign=%28b2c%29%28l-all%29%28r-swe%29%28q3-17-frontend-focus%29&utm_content=newsletter)

- [Frontend Developer at X-Team (Remote)](https://x-team.com/frontend-developer/?utm_source=cooperpress&utm_medium=email-ad&utm_campaign=front-weekly-q1-17)We are 100% remote. We'll work with you 1-on-1 to motivate and fund you to learn, grow and build a legacy. [Join X-Team](https://x-team.com/frontend-developer/?utm_source=cooperpress&utm_medium=email-ad&utm_campaign=front-weekly-q1-17). X-Team
- [Lead Frontend Developer/React.js at Mosaic (New York)](https://lifecoded.com/#hiring?utm_source=frontendfocus&utm_medium=email)Be a cornerstone in the development of an innovative project management tool using cutting edge technology, React.js. Artificial Intelligence for Project Management

Can't find the right job? Want companies to apply to _you?_ [Try Hired.com.](https://hired.com/?utm_source=newsletters&utm_medium=petercooperpress&utm_term=cat-tech-frontend&utm_campaign=q3-17-frontend)

In Brief

[Updates to Media Playback in Chrome 61](https://developers.google.com/web/updates/2017/07/chrome-61-media-updates?utm_source=frontendfocus&utm_medium=email) news 
On Android, when a video is playing, rotating the device will automatically put it fullscreen.
Google Developers

[Build your first Javascript, Android, or iOS app with MongoDB Stitch](https://docs.mongodb.com/stitch/tutorials/?jmp=cpress&utm_campaign=WW_CP_newsletter_sponsorship_FY17Q2&utm_content=sponsored&utm_medium=display&utm_source=frontendfocus0802) tutorial 
Get started with the beta release of MongoDB's backend-as-a-service with step-by-step tutorials and sample apps.
MONGODBSponsor

[How to Create An Animated Loader with Nothing But CSS](https://codeburst.io/how-to-create-a-beautiful-animated-loader-with-nothing-but-css-d1962fc5a66c?utm_source=frontendfocus&utm_medium=email) tutorial
Julien Benchetrit

[The Lightest Grays You Can Use While Maintaining Good Contrast](http://jxnblk.com/grays/?utm_source=frontendfocus&utm_medium=email) tutorial 
#767676 is relatively safe.
Brent Jackson

[Wes Bos and Scott Tolinski on CSS Preprocessors and Structuring CSS](https://syntax.fm/show/003/css-preprocessors-and-structuring-css?utm_source=frontendfocus&utm_medium=email) podcast
Syntax Podcast

[How I Built a Wind Map with WebGL](https://blog.mapbox.com/how-i-built-a-wind-map-with-webgl-b63022b5537f?utm_source=frontendfocus&utm_medium=email) story
Vladimir Agafonkin

[Apple’s Refusal to Support PWAs Is A Detriment to Future of The Web](https://m.phillydevshop.com/apples-refusal-to-support-progressive-web-apps-is-a-serious-detriment-to-future-of-the-web-e81b2be29676?utm_source=frontendfocus&utm_medium=email) opinion
Greg Blass

[What is Timeless Web Design?](https://css-tricks.com/timeless-web-design/?utm_source=frontendfocus&utm_medium=email) opinion 
How would you design a site to look good 10 years from now?
Chris Coyier

[The Browser Statistics That Matter](http://mediatemple.net/blog/tips/browser-statistics-matter/?utm_source=frontendfocus&utm_medium=email) opinion 
_“The browser statistics that matter are the browser usage statics of your web site, and nobody else’s.”_
Chris Coyier

[Can QML Become The Next Standard for Web UI?](https://blog.kutny.net/2017/07/29/can-qml-become-the-next-standard-for-web-ui/?utm_source=frontendfocus&utm_medium=email) opinion
Martin Kutny

[Explore the Powerful Features of the ExtReact Grid for React Web Apps](http://pages.sencha.com/extreact-add-the-infinite-data-grid-to-react-web-apps-cp.html?utm_source=frontendfocus&utm_medium=email) 
Try ExtReact and see how to easily add the grid and many other data-driven components into your apps.
Sencha, Inc.Sponsor

[A 'Gigantic' List of 1000+ Useful Frontend Tools and Resources](https://github.com/dypsilon/frontend-dev-bookmarks/blob/master/TOTALLY-GIGANTIC-FILE.md?utm_source=frontendfocus&utm_medium=email) tools
Tim Navrotskyy

[GridBugs: A Community Curated List of CSS Grid Layout Bugs](https://github.com/rachelandrew/gridbugs?utm_source=frontendfocus&utm_medium=email) tools
Rachel Andrew

[Chromeless: Chrome Automation Made Simple](https://github.com/graphcool/chromeless?utm_source=frontendfocus&utm_medium=email) code 
A TypeScript browser automation library for controlling Chrome.
Graphcool

[image-compressor: A Simple JavaScript Image Compressor](https://github.com/xkeshi/image-compressor?utm_source=frontendfocus&utm_medium=email) code 
Reduce image sizes client-side _before_ uploading? [Demo](https://xkeshi.github.io/image-compressor/).
Xkeshi

[A Pure CSS 5-Star Rating Control](https://codepen.io/andreacrawford/pen/NvqJXW?editors=1100) demo
CodePen

Curated by [Peter Cooper](http://twitter.com/peterc) and [Chris Brandrick](http://twitter.com/chrisbrandrick) and published by [Cooperpress](https://cooperpress.com/).

[Stop getting FrontEnd Focus](*|UNSUB|*) : [Change email address](*|UPDATE_PROFILE|*) : [Read this issue on the Web](http://frontendfoc.us/issues/301)

Cooper Press Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK