Wednesday, November 13, 2019

How Google wants to move towards a faster Web

#417 — November 13, 2019

Read on the Web

Frontend Focus

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’.

Google

▶  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

💻 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

📙 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 friendly proposal 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

🔧 Code, Tools & Resources

instant.page 3.0: Make Your Pages (Even More) Instantinstant.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’s quicklink 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...)


by via Frontend Focus

How to Make a Website with Outstanding Design?

Want to have the top online store on the market? The design of your website, how it looks, its performance and convenience are significant if you want to outperform the competitors. If you don’t have a good and attractive online store, your business doesn’t exist for prospective customers. You need...

[ This is a content summary only. Visit our website https://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Web Desk via Digital Information World

How You Can Make Your Small Business Go Big On LinkedIn?

When you hear of the social media platform - LinkedIn, what is the first thing that comes to your mind? A community of professionals, right? Then, why is it the fact that 30 million companies have joined LinkedIn but still small business owners tend to ignore or delay signing up? First of all, you...

[ This is a content summary only. Visit our website https://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Daniyal Malik via Digital Information World

Instagram Users Want Authentic Influencers: Study

Being an influencer on social media, especially on Instagram, can be a pretty big earner for a lot of people, and this is a big part of the reason why so many people are trying to break into this industry thinking that this is pretty much the only way for them to be able to make the most of the...

[ This is a content summary only. Visit our website https://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Zia Muhammad via Digital Information World

How to Create an Instagram Content Strategy With User-Generated Content

Are you struggling to come up with Instagram content ideas? Wondering how to turn brand mentions into content for Instagram? In this article, you’ll learn how to develop a customer-centered user-generated Instagram content strategy. Why Include User-Generated Content in Your Instagram Marketing? Consumers find user-generated content (UGC) more trustworthy than branded advertising by a wide […]

The post How to Create an Instagram Content Strategy With User-Generated Content appeared first on Social Media Marketing | Social Media Examiner.


by Ann Smarty via Social Media Marketing | Social Media Examiner

Twitter Has the Most Child Abusive Content Out Of All Social Media Platforms: Report

Internet Watch Foundation (IWF), a UK-based foundation found out that almost half of the child abuse content on social media platforms is shared on Twitter. According to reports, 49% of the child abuse images, videos and URLs circulation on social media, search engines and cloud services are found...

[ This is a content summary only. Visit our website https://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Aqsa Rasool via Digital Information World

elium studio

elium studio
We are a French global design studio based in Paris, applying a design that knows no limits and promotes a positive change.
by via Awwwards - Sites of the day