@shadeed9 Thanks for the call out. The pleasure was mine to meet you in Sydney. An even bigger thank you for all the content you make available for us to learn! You’re truly amazing! 🙇
@briankardell Holy smokes. Wishing you all the best! <3
ChromeDevTools 🌟 New #DevToolsTip!
Explore the powerful web APIs and learn how to debug them with our fish masters @tomayac and @jecfish! 🐡
👉 youtu.be/7ma_ZyfrgYM pic.twitter.com/JGOqwkBrH7
miketaylr I have the day off, so I got to blog about how the IE11 User-Agent string forced Mozilla to freeze part of its Firefox 110 User-Agent string some 9 years later:
miketaylr.com/posts/2022/12/…
Had the honor of being on @jecfish’s amazing @ChromeDevTools Tips show and record some 💡 tips and tricks on how to use DevTools for working with Project Fugu 🐡 APIs: youtu.be/7ma_ZyfrgYM.
(We really need a puffer in the office, the next best th
jecfish Fun times with @tomayac! The web is good.
Come explore these powerful APIs with us and learn how to debug them with @ChromeDevTools.
👉 youtu.be/7ma_ZyfrgYM pic.twitter.com/HnXh89u42p
philwalton ⚡ New Post: Dynamic LCP Priority: Learning from Past Visits
In this post I cover a brand new technique I’ve been experimenting with to automatically determine the LCP element on your page and load it with a high priority.
philipwalton.com/articles/dynam…
TheWebConf We invite contributions to to the Web developer and W3C Track at #TheWebConf 2023.
URL: www2023.thewebconf.org/calls/webdevel…
You can reach the track chair
@pchampin at developer2023@thewebconf.org pic.twitter.com/jAidAG8m7I
Putin in a press conference called the war in Ukraine a war, which is illegal in Russia where it needs to be called a “special operation” (washingtonpost.com/world/2022/12/…). Now he’s being sued for it: twitter.com/nikitayuferev/…. It’s mostly a symbolic act o#StandWithUkraine
👀 Peepin’ @argyleink’s aptly named new site nerdy.dev. Love the compact overview of new features like the CSS Anchor Positioning API (tabatkins.github.io/specs/css-anch…), where the feature gets boiled down to the minimum: nerdy.dev/css-anchor-api….
libp2p Seamless browser connectivity with #libp2p is possible thanks to #WebTransport! 🚀
You may be wondering “What is WebTransport?” or “What does this mean for browser apps?” 🤔
We answer those questions (and more!) in our new blog:
blog.libp2p.io/2022-12-19-lib… pic.twitter.com/GTR6ZwYI2J
The death of the line of death, by @estark37, in which she looks at a probably not well understood (mostly desktop) browser security concept. emilymstark.com/2022/12/18/dea…
@x00sp @jaroslawjarosik Thanks for sharing this story. These stories are real, and first tend to show up as Heisenbugs that affect a fraction of your users and you have no idea what is happening at first.
@DanRozz @ChromiumDev Please see web.dev/text-fragments….
jaffathecake I realise this post will be of interest to almost no one, but here’s how to calculate the HTML codecs= param for an AV1 video, and why it matters jakearchibald.com/2022/html-code…
The Performance Inequality Gap, the update for 2023 by @slightlylate: infrequently.org/2022/12/perfor…
serhiikulykov Excited to share some changes to the collection of awesome Web Components resources:
➡️ I took over as Mateus Ortiz transferred the repo,
📜 New license: CC0 - required by Awesome project,
✍️ New name: Awesome Web Components! 🚀
Stay tuned for updates!
github.com/web-padawan/aw…
alvaro_montoro New article: how to create an old-photo look with a few lines of CSS (with an option to add a small inline SVG for effect 😉). All in a single HTML element, with no need for external resources.
alvaromontoro.com/blog/68020/old…
#css #html #webdevelopment
@RReverser There’s also Extensible Media Platform (XMP, en.wikipedia.org/wiki/Extensibl…), originally developed by Adobe, which lets you embed metadata (e.g., using Dublin Core) in Resource Description Format (RDF, commonly serialized as RDF/XML). For more, see archimedespalimpsest.net/Documents/Exte…
shadeed9 ✍️ New Article: CSS Style Queries
I explored the new container style query syntax, how it works, the problem it solves, and a lot of use cases and examples. Now we have size & style container queries 🤩
🔗 ishadeed.com/article/css-co… pic.twitter.com/FFgfFTnsFJ
tomayac @jaroslawjarosik Even a first-party-served script could be unluckily named (`ads.js` for, erm, “advanced dynamic stuff”) and work fine on localhost and without extension, but fail hard in practice with ad blockers. If such script is `importScripts()`’ed in a service worker, it does never install.
Don’t worry too much about your level of English! I recall a time in university where the prof asked us if we were speakers of en-US or en-GB; and one of the Italian exchange students said en-IT. I’m a speaker of en-DE, which helps with tar: eXtract ze
App failures I ran into only today:
👷 Service worker fails to install because cdn-jp.gsecondscreen.com/static/webpush… is on block lists (github.com/search?q=cdn-j…).
📍 Local search based on IP geolocation doesn’t work because api.ipdata.co is on block listgithub.com/search?q=api.i…
💡 Pro-tip: If you work on an app, be sure to check it with an off-the-shelf version of an ad/content blocker like uBlock Origin (github.com/gorhill/uBlock). You can use Puppeteer to test a page with 🧩 extensions (pptr.dev/guides/chrome-…).
sdk_deepa ⚡️⚡️New blog 📱🔒”Project Fugu 🐡 - Screen Wake Lock API”🔒. 📚 Learn more on how to use this API, life cycle 🔄 and browsers that support this API. sdkdeepa.medium.com/project-fugu-s…
I’m still undecided between giving this site’s leader’s polls credibility by voting and plain ignoring them. I don’t follow the guy and use a third-party Twitter client, so I only ever find out about these polls where the “vox populi” speaks when someone
peterfriese For everyone making a move, here’s a tip for how to verify your GitHub profile without sacrificing your homepage link: (h/t to @simonw for documenting this): til.simonwillison.net/mastodon/verif…
@ericlaw All the best for ProjectK! Looking forward to reading your trip report and the prep work reports, too!
@pgl @webkit @bradeeoh See the article: web.dev/patterns/advan…. You probably know it from “unread” counts or so in email web apps like Gmail.
@aakansha1216 @FOSSUnitedBLR @excalidraw Thanks for being a wonderful person in the open source community! Was great meeting you in real life.
aakansha1216 It was really nice meeting @tomayac in person @FOSSUnitedBLR 😊
@excalidraw memories ❤️ pic.twitter.com/vKKn8tLZ96
nomsternom My @perfplanet Calendar article is out!
“An HTML first mental model”,
Writing a fast vanilla-based movies app, how to make it fast while maintaining a nice-ish framework-less developer experience?
calendar.perfplanet.com/2022/an-html-f…
@henrylim96 Thanks so much, Henry! 😊
ID_AA_Carmack I resigned from Meta, and my internal post got leaked to the press, resulting in some fragmented quotes. Here is the full thing: facebook.com/permalink.php?…
Slides from this talk ⤵️ are available at goo.gle/google-develop…. Thanks, @FOSSUnitedBLR, for having me and letting me vectorize you all with SVGco.de and Bengaluru’s first open-source laptop selfie 💻 🤳 [citation needed]. twitter.com/fossunitedblr/…
@denladeside Thanks, Lars! 😊
tomayac @cpeterso @othermaciej If folks want OCR (optical character recognition) for images on Chrome (as already implemented in Safari and Firefox), star ⭐️ the feature request: bugs.chromium.org/p/chromium/iss…. 🖼️🔡
@cpeterso @othermaciej Safari read:
Hon’ble Chief Minister
Govt. of Karnataka
G20
-H2 2023 INDIA
ONE EARTH • ONE FAMILY
ONE FUTURE
KARNATAKA
WELCOMES
G20 DELEGATES
VIDHANA SOUDHA
JCDecaux
SOrrOnO
@cpeterso @othermaciej On Safari and Firefox, this hooks into a macOS system API (developer.apple.com/wwdc21/10041), so cross-platform, it might require using different underlying implementations. Doing it in user-land with the state-of-the-art tesseract-wasm librrobertknight.github.io/tesseract-wasm/pic.twitter.com/YqCvYNSkPJ
@cpeterso @othermaciej If folks want OCR (optical character recognition) for images on Chrome (as already implemented in Safari and Firefox), star ⭐️ the feature request: bugs.chromium.org/p/chromium/iss…. 🖼️🔡
@chriscoyier The `”handle_links”` proposal to the rescue (possibly in the future): github.com/WICG/pwa-url-h…. Combined with `”launch_handler”`: developer.chrome.com/docs/web-platf… (in origin trial).
Or use the automatic link handling feature in Edge today: learn.microsoft.com/en-us/microsof…
VeraJourova News about arbitrary suspension of journalists on Twitter is worrying. EU’s Digital Services Act requires respect of media freedom and fundamental rights. This is reinforced under our #MediaFreedomAct. @elonmusk should be aware of that. There are red lines. And sanctions, soon.
What is interesting is that this adds support for both, `setAppBadge()` and `setClientBadge()`. Chrome so far only supports the former, but not the latter.
A @webkit PR courtesy of @bradeeoh that adds Badging API support (web.dev/patterns/advan…) to WebKit? Yes, please! github.com/WebKit/WebKit/…
@peterfriese But was this approach correct or at least reasonable with a 2021 view of the world? I guess that’s the question it boils down to.
My slides from the Google Developer Summit, India 2022 session on “Modern Web Capabilities with the Progressive Web App SVGcode”: 🔗 goo.gle/google-develop….
@jaffathecake @wesbos Yeah, I know. I just wanted to point out how some best practices like this stick around for so long they almost become a legend.
@hfmuehleisen @Radboud_Uni @duckdblabs @cwi_da @cwi Congratulations! Impressive achievement! 👏
ashevat The rise and fall of the Twitter Developer Platform.
Dedicated to the amazing team who built the Twitter API and the entire developer platform team🫡💙
techcrunch.com/2022/12/15/dev…
@wesbos Wait, we never concatenated strings. We always `Array.join()`ed strings because someone somewhere once upon a time measured it to be faster.
@wesbos You may be interested in WebCodecs, which makes this kind of job a little easier: developer.mozilla.org/en-US/docs/Web… (from there, follow your way through to video decoding). Supported by Chrome and Safari Technology Preview (partly).
I ran Speedometer on my iPhone 11 Pro Max on Safari, on the Google app, and on Chrome. The latter two use `WKWebView` by force. Surprisingly different results.
twitter.com/OpenWebAdvocac… pic.twitter.com/yYwnVxXfLL
ChromiumDev Speaking of highlights, @Paul_Kinlan catches up with @laparisa, our VP of Engineering and Product, to get her favorites of the year.
Read the final chapter of #ChromeDevInsider in 2022 where Parisa shares her vision for the future of the web and more. → goo.gle/insider-dec-22 pic.twitter.com/jNPqbfLH6G
ChromiumDev The web has come a long way in one year!
Let’s journey back to some of the key highlights of 2022 for all of us. What was your favorite? pic.twitter.com/TNPzGIOYiO
googlechrome [1/3] We’re joining an important collab with Apple @webkit & @firefox to work on the next Speedometer benchmark to measure real-world browser performance. github.com/WebKit/Speedom…
Log3overLog2 Nice write-up by Criteo of their initial testing of the FLEDGE proposal supporting advertising without tracking people, part of the Chrome Privacy Sandbox.
medium.com/criteo-enginee… twitter.com/criteo/status/…
Informative interview of a Mastodon server admin. In the interview, they discussed the lack of text search, which is debated about in github.com/mastodon/masto…. Personally, I’d like to see rich text search on the corpus of all global Mastodon toots, but dtwitter.com/ricmac/status/…
Well-researched and non-sensational analysis of the state of the world where Apple may be forced to open its iOS/iPadOS platforms to alternative app stores: sixcolors.com/post/2022/12/a….
@aakansha1216 Bangalore sunset. 😃 pic.twitter.com/XTjCkefcaJ
DasSurma @tomayac I wrote a blog post where I tried making WebGPU accessible to folks with little to no prior knowledge about graphics programming (i.e. me). Maybe you’ll find it useful!
surma.dev/things/webgpu/…
m1guelpf ✨ Introducing `plz`, an AI-powered command generator. Kinda like copilot, but for your terminal.
It’s ideal for all those weird unix commands that take dozens of flags, and you never know which ones to use (like ffmpeg).
(takes one command to setup 👇)
github.com/m1guelpf/plz-c… pic.twitter.com/OwApM5DmXU
@steren @Vjeux I don’t know yet, but want to find out. Maybe @mifi_no has an immediate answer, before I dive in?!
Oh, very exciting: an Intent to Ship for #WebGPU: groups.google.com/a/chromium.org…. I don’t claim to understand much of it (web.dev/gpu), but I’ve seen some jaw-dropping demos, so as a Web content consumer, I’m very much looking forward to seeing
@aakansha1216 @FOSSUnitedBLR Same here! Hopefully we can get some inspiration for @excalidraw!
@Paul_Kinlan @FOSSUnitedBLR Always a pleasure 🫡. Honestly!
I’m on my way to Bengaluru, India 🇮🇳 to speak at the Google Developer Summit (rsvp.withgoogle.com/events/google-…). Profiting from the trip, I’m honored that the @FOSSUnitedBLR folks have accepted my proposal to speak at their local meetup ⤵️. ಅಲ್twitter.com/FOSSUnitedBLR/…
_devtoolstips 🆕 New performance tip, just in!
Find your most expense CSS selectors thanks to Edge’s Selector Stats feature.
➡️ devtoolstips.org/tips/en/find-e… pic.twitter.com/DeAIC0cNWX
bgalbs Pretty special to see @hochsays and the @chromium team called out by Cleanfeed in their Emmy blog post, and I enjoyed reading more of the details from Hongchan and @benmorss in the Google Keyword blog.
Way to go Chrome team!
blog.google/products/chrom…
LosslessCut, an Electron.js app, allows you to cut videos without re-encoding. 👀
(via @Vjeux) twitter.com/mifi_no/status…
verge Apple is reportedly preparing to allow third-party app stores on the iPhone theverge.com/2022/12/13/235… pic.twitter.com/KVY5ddiqzG
Visual Elements Gallery of Google Search, so you can exactly name the components of a search engine results page (SERP).
(via @JohnMu) #SEO developers.google.com/search/docs/ap…
@shadeed9 Surely they’re looking to debug css-in-pdf. 😇
Fun demo by @kennethrohde for the Compute Pressure API (developer.chrome.com/docs/web-platf…), created by Intel in the context of Project Fugu 🐡! An API design goal is to provide enough info for an app to make useful CPU pressure decisions, while not exposing data twitter.com/kennethrohde/s…
@SilentImp You need to make your server send:
“`
accept-ch: Sec-CH-Prefers-Color-Scheme
critical-ch: Sec-CH-Prefers-Color-Scheme
vary: Sec-CH-Prefers-Color-Scheme
“`
GitHub Copilot changed everything. GitHub Copilot Labs changes everything. Again. githubnext.com/projects/copil… 🤯
@kennethrohde Wow, love it! pic.twitter.com/vFqELcJsji
McSodbrenner Now and then I come across tweets where users are upset about the lousy quality of their posted images after Twitter compresses them.
Does Twitter really not care about image quality? I took a closer look 🧐at what Twitter actually does with your images.
compress-or-die.com/Better-image-q…
@joaomeloplus @ChromiumDev Responded on StackOverflow: stackoverflow.com/a/74760072/625…. Thanks for the question!
@oliverdunk_ @Google I’m so, so glad you accepted the job offer! Super stoked to have you on board soon. Congratulations on the new role 🎉!
tunetheweb What developers need to know about Chrome’s Memory and Energy Saver modes by @philwalton
developer.chrome.com/blog/memory-an…
yawaramin You’ve seen Advent of Code, now get ready for Ramadan of Code. It’s 30 days of no coding.
Chrome, 10 years later, by Evan Martin, who worked on Chrome from the early days, from 2007 to 2012. neugierig.org/software/blog/…
How @paularmstrong, former member of the original team that built the Twitter web app, would rebuild a web app like Twitter today. Hidden in there: he’d use `Sec-CH-Prefers-Color-Scheme` (paularmstrong.dev/blog/2022/11/2…), spec’ed by yours truly for apps like paularmstrong.dev/blog/2022/11/2…
@codepo8 @patrickbrosset Nice! If you ask me, jsonhero.io is the state of the art currently. Really really like it.
@codepo8 @patrickbrosset Will there be something like `edge://json-viewer` and apart from handling JSON links it would also act as a viewer I could paste JSON documents into?
@rogueyoshi_FGC @ChromiumDev Please see developer.chrome.com/capabilities/.
@edent Really disappointed that the coordinates don’t lead me to maps.app.goo.gl/P46YUt6s5mXxwC…. Missed chance.
@workingdraft @Latz Project Fugu 🐡 ist auf jeden Fall noch längst nicht erledigt: developer.chrome.com/blog/is-projec…. Sehr spannend im Moment ist zum Beispiel das Thema Storage mit dem Origin Private File System.
@Paul_Kinlan Whatever it takes, the status quo is so bad, literally anything would be an improvement, even if it would be initially clumsy.
@tunetheweb @Kobe I assume it’s covered in developer.chrome.com/blog/prerender….
@tivrfoa I am not a UX researcher, and it certainly depends on the kind of carousel you display (auto-playing, pauseable, can the user navigate the carousel manually)…
@Vjeux @DaleCurtis might be interested in this project.
As of Chrome 109 beta, Android now supports the Origin Private File System (OPFS) API 🎉 developer.chrome.com/en/blog/chrome…! You can read more about the OPFS in developer.chrome.com/articles/file-…. The OPFS is one of the core Project Fugu 🐡 APIs that powers Adobe Photoshop
Prerender pages in Chrome for instant page navigations developer.chrome.com/blog/prerender…, by @tunetheweb. I like how this can work statically and dynamically. Definitely only use this when your confidence about the next navigation is high.
Not a huge fan of image carousels, but I liked this one since it makes creative use of CSS and reminds me of a toy I had as a kid (a small plastic “TV” with a rotating disk inside that displayed different images on the press of a button): css-tricks.com/css-only-infin…
@vrandezo Hmm, the deep link is google.com/logos/2022/law…, and inspecting the source code, it seems like they simply haven’t implemented gamepad support, which is somewhat ironic. I’ll ask…
@IamaCryptofreak @ChromiumDev Please click your profile picture on the YouTube site and send feedback (the last item in the list). Thank you! pic.twitter.com/f7LvN4UvDV
@henrylim96 @Justinwillis96 Nice, looking forward to reading it!
@steveruizok Do you host this example somewhere? This might make for great teaching content.
@marjakh If the kid is smart/evil enough to lock _you_ out by changing the device password after they are in, then yes.
@henrylim96 The (FEATURE NAME)
@denladeside @kennethrohde If it’s reproducible, please file a new.crbug.com, per the usual. Thanks in advance! You can paste the link here, so I can help with the triaging.
somebitsLinks European power grid: Nice interactive story explaining power exports and the energy crisis in Europe
ig.ft.com/electricity-sh…
- energy politics electricity grid visualization via:benfry
@GeeKay78 @ChromiumDev Haven’t heard anything, but feel free to file a bug report at new.crbug.com.
ChromiumDev Do you want to learn more about Project Fugu 🐡? Then you might be interested in the latest episode of the JS Party 🪩 podcast featuring @tomayac 🎧. Happy listening ⤵️! twitter.com/JSPartyFM/stat…
@bgbrunocom @ChromiumDev Maybe this link helps and adds some more background: developer.chrome.com/capabilities/.
@aakansha1216 @FOSSUnitedBLR Submitted a talk. I’ll be in Bengaluru from December 16–22 and hope to see you while I’m there :-)
@jamesqquick @juristr Thanks for creating this video. Added to my collection: github.com/tomayac/blogcc…. This will go live on blog.tomayac.com/2022/11/23/mod… at the next deploy…
JSPartyFM 🎧 New episode of JS Party 🎧
🗣 Project Fugu 🐡
😎 featuring @tomayac
🎙 with @nomadtechie & @nicknisi
🗃️ #javascript #webdev #chrome
💚 jsparty.fm/254
jaffathecake All the @ffconf talks were great, but if you only watch one, @heydonworks’s talk on capitalism, NFTs, and the web, is brilliant youtube.com/watch?v=GZsIhi…
Now on stage at @webdirections to talk about “Building Amazing Apps with Project Fugu 🐡 APIs”. If you’re not at #WebDirections, just follow along (or catch up) from the comfort of your sofa 🛋️ at home: goo.gle/web-directions…. 🦘 The app fsvgco.de
@RReverser My deepest condolences!
heyawhite Hey @webdirections, here are are some tools and templates to help you write better documentation! alexand.us/tw-tools #Summit2022 #webdirections
@DenisTRUFFAUT @petele @jensimmons @slightlylate I used almost this example in a blog post (titlecase in my case) to illustrate how developers can get involved in the standards process: blog.tomayac.com/2019/02/05/eng….
@bgalbs @webdirections @dalmaer Thanks for the kind words! Your presentation came up when I did research on the state of the web platform. It was really fun to come back to your view after all these years. (Also: Here’s to putting more fun personal photos