Remove Background from Image – removebg 2096 retweets

Well that's impressive and dang useful. Cool URL too. (Remove Image Background 100% automatically – in 5 seconds – without a single click)

Entering the Quantum Era—How Firefox got fast again and where it’s goi... 1490 retweets

Over the past seven months, we’ve been rapidly replacing major parts of the engine, introducing Rust and parts of Servo to Firefox. Plus, we’ve had a browser performance strike force ...

A Netflix Web Performance Case Study 1347 retweets

A Netflix web performance case study: ⚡ 50% faster Time-to-Interactive (logged-out homepage) - ✂️ JS libraries by 200KB - Client-side React ➡️ vanilla JS - React used server-side ⚡ 30% faster subsequent navigations - Prefetch React for sign-up pr...

Calls between JavaScript and WebAssembly are finally fast 1085 retweets

Function calls between JavaScript and WebAssembly are finally fast! 🎉 wasm » JS 🔥 ~750ms → 450ms JS » wasm 🔥 ~5500ms → 450ms monomorphic JS » wasm 💥 ~5250ms → 250ms wasm » built-in 🔥 ~5750ms → 600ms See how we did it →

Essential Image Optimization 1061 retweets

A free book on modern image optimization techniques. Formats, decoders, techniques for efficient compression and more are covered. Author: Addy Osmani

Fast load times  |  webdev 1029 retweets

⚡️ - new, interactive web performance docs 📦 JavaScript (code-splitting, modern bundles) 🖼️ Images (lazy-loading, compression) 👛 Performance Budgets (webpack, Lighthouse CI) 🌍 Perf measurement by katiehempenius hdjirdeh bibydigital rick_viscom...

What's New In DevTools (Chrome 70) 981 retweets

.ChromeDevTools can now pin live expressions to the top of Console to monitor values in real-time 👌 Read more

JavaScript Loading Priorities in Chrome 972 retweets

Addy Osmani is an engineering manager at Google working on Chrome. He is author of open-source projects like Yeoman, TodoMVC and Material Design Lite. He has also written books like Learning JavaScript Design Patterns with O'Reilly.

Creating and filling Arrays of arbitrary lengths in JavaScript 914 retweets

Creating and filling Arrays of arbitrary lengths in JavaScript

Rendering on the Web 899 retweets

"Rendering on the web": ⚡️ - a performance-focused look at: 📡 Server rendering 📄 Static rendering 🖥 Client-side rendering 🛀 (Re)hydration 🚿 Partial rehydration & more ways to render pages 👩‍🎨

Pantsuit: The Hillary Clinton UI pattern library 897 retweets

Design systems. Pattern libraries. Styleguides. Whatever you want to call them, they are very much in style right now. A design system’s purpose is to provide consistent, tested and reusable…

Color by Cloudflare Design 864 retweets

If you’re a designer who cares equally deeply about beautiful colors and accessibility, you may find this tool (w/ 955 accessible color combinations!) indispensable: via mrmrs_ a11y UI

Speedometer 20: A Benchmark for Modern Web App Responsiveness 859 retweets

Excited to launch Speedometer 2.0 - a new benchmark for modern web app responsiveness! ⚡️ 📦 Workloads for JavaScript frameworks & libraries 🤖 Code output by popular JS tools like webpack 🔨 Built with ♥️ by Chrome & WebKit over the last year ...

Async iterators and generators - JakeArchibaldcom 848 retweets

🎉 New JavaScript features in ES2018: - async iterators/generators - object rest/spread - Promise.prototype.finally - various RegExp features

Rendering large lists with react-window 841 retweets

Addy Osmani is an engineering manager at Google working on Chrome. He is author of open-source projects like Yeoman, TodoMVC and Material Design Lite. He has also written books like Learning JavaScript Design Patterns with O'Reilly.

The Principal Developer by Eduards Sizovs 820 retweets

We are developers. We need to stay up to date with technology. Every day, we learn programming languages, frameworks, and libraries. The more modern tools we know — the better. Keeping up to date with Angular, React, Vue, Riot, Ember, Knockout is fu...

The Cost Of JavaScript – Dev Channel – Medium 797 retweets

As we build sites more heavily reliant on JavaScript, we sometimes pay for what we send down in ways that we can’t always easily see. In this post, I’ll cover why a little discipline can help if…

Hello! I made a little helper website for using CSS Grid in a progress... 741 retweets

Hello! I made a little helper website for using CSS Grid in a progressively enhanced way 🤗 ✨ ✨ It showcases examples of layouts/components that use CSS grid and how to get them working in IE/Edge too!

Learning to Learn | CSS-Tricks 731 retweets

🖊 There’s been a lot of talk about whether or not you need a degree to be in tech (spoiler: you don’t). But by not getting a degree, you’re opting to replace it with learning on your own. I wrote a post on how to teach yourself, and/or keep up to da...

Google Developers 730 retweets

🎉 At today’s TC39 meeting, SmooshGate was resolved by renaming `flatten` to `flat`. Array{flat,flatMap} are coming soon! Background:

Theme Color | Visual Studio Code Extension API 729 retweets

Wow. VS code theme colors can be overridden *per workspace*. Great for differentiating between projects: 🎨 (h/t wesbos)

I made a music sequencer! In JavaScript! It even uses Machine Learning... 717 retweets

I made a music sequencer! In JavaScript! It even uses Machine Learning to try to match drums to a synth melody you create! ✨🎧

10 JavaScript string methods you should know 708 retweets

startsWith() endsWith() includes() slice() toUpperCase() toLowerCase() charAt() split() replace() repeat()

find the cost of adding a npm package to your bundle 706 retweets

Want to keep JavaScript bundles small? Try check the size of dependencies before adding them to your project.

Arrayprototypesort stability 689 retweets

Array.prototype.sort is now stable in v8js v7.0 / Chrome 70! 🎉 Previously, V8 used an unstable QuickSort for arrays with more than 10 elements. Now, we use the stable TimSort algorithm. Demo:

Getting the Browser to Help You 681 retweets

Tip: Is JavaScript critical for your site to be interactive? <link rel=preload> can load these scripts at a higher priority: Improved Twitter Lite’s time to interactive by 36%, Tinder’s first contentful paint by 30%.

Hello tensorflow 659 retweets

🙋‍♀️ Are you curious about using Machine Learning in the browser? I took a basic TensorFlow.js example, put a neat graph on it and commented every line of code, so you can play with it!! 💥

a visualization library to convert any JavaScript code into beautiful ... 636 retweets

GitHub - Bogdan-Lyashenko/js-code-to-svg-flowchart: js2flowchart - a visualization library to convert any JavaScript code into beautiful SVG flowchart. Learn other’s code. Design your code. Refactor code. Document code. Explain code.

Today we released 🙊 It allows you to encode images using best-in-cla 624 retweets

🌠Today we released 🙊 It allows you to encode images using best-in-class codecs like MozJPEG, WebP, and OptiPNG. Works cross-browser, works offline, and ALL codecs supported even in a browser with no native support using power of WASM 🌈

making promises friendly 623 retweets

📝 Async functions are enabled by default in Chrome 55. Here's how they work, and why I love them:

Introducing CSSGram: A tiny (<1kb gzipped!) CSS library for 619 retweets

✨🎉✨Introducing CSSGram: ✨🎉✨ A tiny (<1kb gzipped!) CSS library for Instagram filters.

Read the Tea Leaves Software and other dark arts, by Nolan Lawson 614 retweets

We all want to make faster websites. The question is just what to measure, and how to use that information to determine what's "slow" and what could be made faster. The browser rendering pipeline is complicated. For that reason, it's tricky to measur...

Using Lighthouse To Improve Page Load Performance 614 retweets

📣 Announcing... new Lighthouse Web Performance Audits! 📈 JavaScript boot-up time is too high 🏃‍♀️ Avoid multiple round-trips to any origin 📼 <video> should replace animated GIFs ⚡️ <link rel=preload> key network requests and many more! 👉...

Third party CSS is not safe - JakeArchibaldcom 603 retweets

📝 Third party CSS is not 'safe'. ➡️ Yes, in some situations CSS can 'keylog' password fields, but it's the tip of the iceberg. ➡️ Don't use third party content you don't trust.

A Tinder Progressive Web App Performance Case Study 601 retweets

New blog post: Performance lessons from Tinder's Progressive Web App ~ built with React 16, Redux, webpack 3 ✂️ JavaScript optimizations (code-splitting & preloading) 📱 Service Workers for network resilience ⌛️ Performance budgets & more

Saving you bandwidth on Google through machine learning 598 retweets

We’re putting machine learning to work on the hi-res images in Google+ Streams so they load using up to 75% less bandwidth per image, but display in their full glory.

Building a raft 568 retweets

Software development satire in a web comic.

High Performance Browser Networking (O'Reilly) 563 retweets

What every web developer must know about mobile networks, protocols, and APIs provided by browser to deliver the best user experience.

Netflix functions without client-side React, and it's a good thing 558 retweets

📝 Netflix "removed" React and improved performance. ➡️ Despite appearances, this reflects well on React.

Lazy Loading Images and Video 555 retweets

If your site has a ton of images and video, but you don't want to cut down on any of it, lazy loading might be just the technique you need to improve initial page load time and lower per-page payload.

LukeW | Video: Obvious Always Wins 550 retweets

LukeW Ideation + Design provides resources for mobile and Web product design and strategy including presentations, workshops, articles, books and more on usability, interaction design and visual design.

ECMAScript regular expressions are getting better! · Mathias Bynens 548 retweets

After today’s TC39 meeting, I’m excited to announce that… 🎉 ES2018 makes regular expressions more readable and useful through the following features: - dotAll mode (the s flag) - Lookbehind assertions - Named capture groups - Unicode property escap...

The Inter font family 545 retweets

One of the best typefaces in the world is fully open source and on GitHub. What a time to be alive.

Curious about what triggers a reflow? I made a modern list of what for... 543 retweets

Curious about what triggers a reflow? I made a modern list of what forces a layout.

Building the Google Photos Web UI 529 retweets

Building the Google Photos Web UI: — turns out, a "simple" photo grid ain't so simple and a performant grid is no small feat! An awesome under the hood look at the magic behind Google Photos layout.

JavaScript for impatient programmers 514 retweets

My new book is out: “JavaScript for impatient programmers”

Replacing jQuery With Vuejs: No Build Step Necessary — Smashing Magazi 509 retweets

Did you know that you can incorporate Vue into your project the same way that you would incorporate jQuery &mdash; with no build step necessary? Let's cover some common use cases in jQuery and how we can switch them over to Vue, and why we’d even wan...

Preload: What Is It Good For? — Smashing Magazine 505 retweets

**Preload** ([spec]( is a new web standard aimed at improving performance and providing more granular loading control to web developers. It gives developers the ability to **define custom loading** logic without suffer...

Bottom navigation - Material Design 503 retweets

Bottom navigation bars allow movement between primary destinations in an app.

People Watching Plus on Vimeo 498 retweets

A common phrase in any metropolis is the term "people watching." This game takes the restful past-time and adds an interactive element. Made by Rune Madsen,…

Extract & Inline Critical-path CSS in HTML pages. Contribute to addyos... 496 retweets

Extract & Inline Critical-path CSS in HTML pages. Contribute to addyosmani/critical development by creating an account on GitHub.

How To Think About Speed Tools 490 retweets

Introducing Speed Tools: a new infographic explaining Google's web performance tools and how to think about them.

Naming things to improve accessibility 489 retweets

It's so beautiful. css I didn't have anything to do with it, this is all kylietimpani and chriscoyier. So awesome 👏

Debugging Nodejs with Chrome DevTools 489 retweets

Support for Node.js debuggability landed in Node.js in 2016. Here’s how to get up and running. (Post updated Jan 2018) Next, you used to open the big chrome-devtools:// URL it spits out, but don’t…

Discover the innovative world of Apple and shop everything iPhone, iPa... 487 retweets

Discover the innovative world of Apple and shop everything iPhone, iPad, Apple Watch, Mac, and Apple TV, plus explore accessories, entertainment, and expert device support.

Autofill: What web devs should know, but don’t 485 retweets

Many people know that you can scan your credit card in Mobile Safari. But how many web developers know how to create a form that supports that feature? Not many I’d bet. Auto-Fill Credit Card…

Getting Started with Headless Chrome 482 retweets

“Getting Started With Headless Chrome” - 🚫👱🏼Screenshots, printing DOM, create PDF, debugging, using w/ Node, Docker.

Experimenting with brain-computer interfaces in JavaScript 474 retweets

For the past couple of years, I’ve had a growing interest in neurotechnology. This blog post is about sharing the things I’ve learnt along the way and hopefully help people who want to get started…

Service Workers: Going beyond the page 466 retweets

We’re thrilled to announce that today’s Windows Insider build enables Service Workers by default in Microsoft Edge for the first time. This is an exciting milestone for us and for the web! These new APIs allow the web to offer better experiences when...

Microsoft Kills Skype's Snapchat Clone Because No One Actually Used It 449 retweets

software design only has two cycles: 1. adding stuff (features) 2. redesigning (cause you added too much) guess which one Skype is in?

Measure Performance with the RAIL Model 444 retweets

RAIL is a user-centric performance model. Every web app has these four distinct aspects to its life cycle, and performance fits into them in different ways: Response, Animation, Idle, Load.

DevTools Digest: Aggregated Timeline Details, Color Palettes and More 435 retweets

Find out which third-party scripts cause perf issues with the Aggregated Details in Timeline, how to choose consistent colors with the new color palette and much more.

Facebook Mobile Navigation - Google Docs 431 retweets

Facebook’s Mobile Navigation Facebook is either A/B testing the hell out of their mobile app navigation or using an algorithm (based on people’s behaviors, regions, strategic/promotional considerations, machine learning models?) to create personaliz...

Don’t Get Clever with Login Forms 430 retweets

As time goes on I find myself increasingly annoyed with login forms. As password managers like 1Password (which is what I use) and Chrome's password manager (which I also sorta use) become more popular, it's important for websites to be aware of how ...

Set up a modern web app by running one command. Contribute to facebook... 426 retweets

Set up a modern web app by running one command. Contribute to facebook/create-react-app development by creating an account on GitHub.

Data Color Picker – Learn UI Design 417 retweets

"Use the palette chooser to create a series of colors that are visually equidistant. This is useful for many data visualizations, like pie charts, grouped bar charts, and maps."

Standardizing WASI: A system interface to run WebAssembly outside the ... 415 retweets

WebAssembly running outside the web has a huge future. And that future gets one giant leap closer today with... 📢 Announcing WASI: A system interface for running WebAssembly outside the web (and inside it too)

A Pinterest Progressive Web App Performance Case Study 413 retweets

Pinterest’s new mobile web experience is a Progressive Web App. In this post we’ll cover some of their work to load fast on mobile hardware by keeping JavaScript bundles lean and adopting Service…

A 3D engine built using HTML and CSS 3D transforms by Keith Clark 408 retweets

> This is demo of a CSS powered 3D environment. Geometry is created with HTML elements and CSS transforms. Textures and lightmaps are composed by layering multiple background-images and colour is applied using CSS blend-modes.

Titanic - CSS Puns T-shirt & Mugs ~ Saijo George 407 retweets

P̶u̶n̶n̶y̶ Funny CSS for Titanic. Get it on a 👕 for your designer friends.