How Google wants to move towards a faster Web
source link: https://frontendfoc.us/issues/417
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Firefox at 15: Its Rise, Fall, and Privacy-First Renaissance — Mozilla’s browser debuted in 2004, and became a hit before losing ground to Chrome. Now it’s doubling down on user privacy and autonomy.
Sean Captain
How Google Wants to Move Towards a Faster Web — Chrome has announced plans to highlight whether a site is known for loading fast or slow. Quick sites will be ‘rewarded’ with a green loading bar, whereas slow sites will be flagged with an on-screen ‘badge of shame’ .
▶ Listen to the Podcast: Building with Web Components — Award-winning designer Ben Farrell from Adobe talks about web components, the new standard for building feature-rich web applications.
Heroku sponsor
Results of the 2019 Front-End Tooling Survey — Over 3,000 developers took part in Ashley’s survey this year. Here’s the compiled results, offering an insight into the current usage trends and knowledge levels across front-end tools.
Ashley Nolan
▶ Chrome Dev Summit 2019 Keynote — The keynote from this year’s Chrome Dev Summit, celebrating the diversity of the web. Here’s a playlist with all the videos from the event — plenty worth digging into.
Google Chrome Developers
Uncommon Use Cases For Pseudo Elements — A neat round up of some creative uses for pseudo elements (i.e. :before
and :after
elements defined in CSS). I can see myself using some of these..
Ahmad Shadeed
:computer: Jobs
Senior Software Engineer at Getty (Los Angeles, CA) — Build fantastic tools and interfaces at one of the world's most prestigious cultural heritage orgs using Linked-Open-Data, Python, Structured-CMS, Vue.js.
J. Paul Getty Trust
Find a Job Through Vettery — Make a profile, name your salary, and connect with hiring managers from top employers. Vettery is completely free for job seekers.
Vettery
:orange_book: News, Tutorials & Opinion
▶ HTML Isn’t Done! — Folks from both Microsoft and Google take to the stage at Chrome Dev Summit to talk about their collaborative work on Chromium over the past few months, plus a look at what’s on the horizon.
Nicole Sullivan and Greg Whitworth
Some Things You Oughta Know When Working with Viewport Units — There are a number of “gotchas” when trying to set height and width based on the full height/width of the viewport.
Chris Coyier
Tried & True Tips from 24 React Experts to Make You More Productive — Get invaluable, practical productivity tips from React and JavaScript experts on how to excel in React. Read on.
Progress KendoReact sponsor
Semantic Sidenotes for The Web — Sidenotes have been around for ages in print, but the author argues that they’re surprisingly hard to do well in HTML. Here’s a web friendlyproposal for adding such details, anecdotes and silliness to the side of your articles.
Koos Looijesteijn
Preloading Fonts: When Does It Make Sense? — Can preloading a custom font help avoid a flash of unsettled text (FOUT)? This article runs through your options for font loading behaviour.
Matej Latin
▶ Refactoring (The Way We Talk About) CSS — In this talk Rachel explains how, in the last few years, CSS has been refactored to an extent that to really explain how CSS works we need to change the way we teach and talk about the language.
Rachel Andrew
JavaScript Isn’t Always Available and It’s Not The User’s Fault — Adam runs through some of the reasons as to why JavaScript fails to work for some users, and what you can do about it.
Adam Silver
How to Use ffmpeg
to Combine Multiple Videos to One — A quick tip on how to combine multiple separate videos into a single one, using ffmpeg
.
Mattias Geniar
Free Download: Results from Our Video Developer Survey 2019
Bitmovin sponsor
A Super Weird CSS Bug That Affects Text Selection — An interesting quirk where merely using a selector without any style properties can cause no styling to be applied at all.
Chris Coyier
When to Use SVG vs. When to Use Canvas
Chris Coyier
:wrench: Code, Tools & Resources
instant.page 3.0: Make Your Pages (Even More) Instant —instant.page provides a brief JavaScript snippet which adds just-in-time preloading to the links on your pages, providing a noticeably briefer latency when navigating to a new page. Version 3 takes some ideas from Google’squicklink to seem even faster on mobile.
Alexandre Dieulot
CodyHouse Autocompletion Package for Atom — If you use the text editor Atom then this extension may prove handy. It autocomplete CSS utility classes, SCSS custom properties and JS utility functions.
CodyHouse
linkinator: Scurry Around Your Site and Find All Those Broken Links — A site crawler for validating links. Recently updated.
Justin Beckwith
Upcoming Events
Performance Now, November 21-22 — Amsterdam, Netherlands — A single track conference with fourteen speakers, covering the most important web perf insights.
HalfStack Conf, November 22 — London, UK — A single day event focused on UI-centric JavaScript and web development.
Frontend Con, November 26-27 — Warsaw, Poland — Brings together 30+ experts with over 500 experienced frontend pros from all over the world.
dotCSS, December 4 — Paris, France — The largest CSS conference in Europe.
ICYMI (Some older stuff that's worth checking out...)
- Sarah Higley reviews the history and current state of tooltip accessibility .
- How devs at the BBC made the switch from iframes to using Shadow Dom.
- A performance case study from Harry Roberts exploring a CSS problem with a popular webfont provider.
- This web museum is a gallery looking back at how famous internet companies have changed over time.
- Here's a proof of concept for making Sass faster .
- Charlie Gerard explains how she protoyped a gesture recognition system to play Street Fighter with body movements.
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK