NATO ❝Donetsk is Ukraine.
Luhansk is Ukraine.
Kherson is Ukraine.
Zaporizhzhia is Ukraine.
Just like Crimea is Ukraine.❞
@jensstoltenberg | #StandWithUkraine🇺🇦
@dan_jenkins @n8Schloss The option to do just this is mentioned in their FAQs: facebook.com/business/help/….
ChromiumDev 🎉 We’ve launched another new web.dev course. Say hello to Learn Accessibility, written by @cariefisher.
Seven modules are available now, and the full course will roll out over the rest of this year. web.dev/introducing-le…
👀 Facebook’s Android app no longer (exclusively) will rely on the system’s WebView, but now ships with its own Chromium-based WebView: engineering.fb.com/2022/09/30/and…. Read all about this in @n8Schloss’ blog post. Does this change now make Facebook a bro
Yay, the Screen Wake Lock API is coming to Safari ⤵️. Here’s what it is: web.dev/wake-lock/. And here is why it matters: web.dev/betty-crocker/. 👏 twitter.com/chris_dumez/st…
@reillyeon @andypiper I guess the feature request is to make it work over Bluetooth, and to get access to non-standard buttons via WebHID!? As far as I can tell, so far it needs to be plugged in via USB to be recognized. I let the original poster chime in
Denys_Shmyhal Today, with @ZelenskyyUa & @r_stefanchuk we signed an application for Ukraine’s membership in #NATO under the accelerated procedure. 🇺🇦 is defending democracy, the principles of freedom and the entire civilized world. #Ukraine has proven that we are a worthy and reliable ally. pic.twitter.com/XdI43Grrhh
This is just so incredibly absurd, infuriating, and sad: youtu.be/vUxURsruSO8.
#StopPutin 🛑 #StandWithUkraine 🇺🇦
patrickbrosset Can PWAs handle files❓
Yes they can👍🏽
Link to docs: web.dev/file-handling/
Link to demo: github.com/MicrosoftEdge/…
#pwacandoit pic.twitter.com/MrEtM3TOTL
jgrahamc Alexa Top 1 Million going away got you down?
Here come @Cloudflare Radar Domain Rankings.
blog.cloudflare.com/radar-domain-r…
@jeffposnick @jasonmcneill Mine was taken in panorama mode.
@jasonmcneill @jeffposnick Note that there’s a couple of minutes and meters between both shots. Other than that, it was Jeffy’s Pixel 6a vs. my iPhone 11 Pro Max.
@jaffathecake Great post! I had to use my search engine of choice to look up “mdn *” a couple of things and learned a lot on the way. Thanks for writing this up!
@jeffposnick @Una @argyleink @bramus @rowan_m @petele It was a great evening walk with a fantastic skyline in the perfect sundown moment followed by amazing pizza 🍕 and ice cream! Thanks, Jeffy. Cheers, team! pic.twitter.com/o9W2tKZvYZ
jaffathecake 📝 Drawing a star with DOMMatrix!
I messed up the code for this in a recent HTTP 203 episode, but the result still kinda worked. Here’s why:
jakearchibald.com/2022/drawing-a…
@kennethrohde @BenDelarre To be fair it’s probably a too niche of a use case.
@BenDelarre Oh, interesting. Do you have a code sample for the mask idea? Not sure if this is possible, but it sounds intriguing.
@BenDelarre That’s something I make heavy use of in SVGcode (svgco.de), but it’s difficult with Firefox (bugzilla.mozilla.org/show_bug.cgi?i…) and Safari (bugs.webkit.org/show_bug.cgi?i…).
AshleyGullen It looks like WebCodecs is now in development for Safari: bugs.webkit.org/show_bug.cgi?i…
Good to see! This should let Construct Animate export videos in Safari too.
splinetool 👋BIG NEWS! We added Physics to Spline! 🏓
👉 How does it work?
1. Enable Physics on the Environment Settings.
2. Set your objects to be dynamic.
3. Done!
🔥Demo: my.spline.design/kidsplayground…
It works on mobile and Game Controls too!
We can’t wait to see what you can do with it! pic.twitter.com/RhILpJef08
@tropicadri @petele Cheers 🥂! Big boots to fill, but you’re going to rock this! Looking forward to watching the new episodes—can’t wait. Thanks, Pete, for the massive run you had, too!
pwabuilder Today in “Did you know the web could do that?”: local font access web.dev/local-fonts/. This could be huge for creative or text based apps
Putin to preside over ceremony adding four Ukrainian territories to Russia. This was so foreseeable and is completely unacceptable! Curious to see who will recognize this annexation.
#StopPutin 🛑 #StandWithUkraine 🇺🇦 reuters.com/world/europe/p…
@regocas @w3c @igalia Thanks for the blog post summary! It was great to see you and other Igalians, and huge +1 to Igalia having established itself as a household name in the browser space!
jeffposnick It’s bittersweet seeing @petele pass the New in Chrome baton off to @tropicadri.
What Pete was about to deliver for scores of releases is monumental. But it’s in great hands with Adri, and I look forward to watching her each month!
youtu.be/35mN6UKGEbA
@stefanjudis A good candidate for #Interop2023: web.dev/submit-your-pr….
@simevidas @quicksave2k It doesn’t. You would go to your OS and mark, say, SSID “Android AP” or “Jane Doe’s iPhone 6s” as metered. It’s all manual. The browser isn’t guessing.
@simevidas @quicksave2k Yeah, its loading and rendering behavior is a little suboptimal from a user’s perspective, but that’s the boilerplate specs use. ¯\_(ツ)_/¯
ChromiumDev 🎉 Today we’re launching our latest web.dev course. Say hello to Learn HTML, written by @estellevw
The first five modules are available today, the full course will roll out over the rest of this year.
➡️ web.dev/introducing-le…
@steveruizok This might be a good candidate for #Interop2023: web.dev/submit-your-pr….
jaffathecake 🎥 New HTTP203 with me and @bramus!
Ever used DOMMatrix and DOMPoint? These little-known APIs are great for doing bits of geometry maths.
For example, here’s how they can help create a CSS star transition ⬇️
youtube.com/watch?v=VdNzD4…
@simevidas 🤫 Pssst: tomayac.github.io/netinfo/#the-m…. @quicksave2k has implemented this for testing purposes.
kennethrohde Looks like WebKit might be getting Screen Wake Lock sometime soon!
github.com/WebKit/WebKit/…
@geoffreylitt @svoisen @gordonbrander Yeah, this can be problematic. Maybe achievable with Web Locks? But you’d probably lose some of the performance benefits, so you definitely don’t want to run this code often.
@_bayotop Ooops, this went missing in action in my Inbox. It’s added now: github.com/tomayac/blogcc… (should go live later today). Thanks again for pointing this out!
@Justinwillis96 Deploy script running… :-)
@Justinwillis96 You may want to submit this to docs.google.com/forms/d/e/1FAI….
The @HTTPArchive Almanac 2022 update of course comes with a Capabilities chapter authored by @MichaelSolati on Project Fugu 🐡 APIs. Happy reading! (Thanks to the other reviewer @christianliebel and the analyst @tunetheweb.) almanac.httparchive.org/en/2022/capabi…
HTTPArchive 🚨 Introducing the 2022 Web Almanac, our annual “state of the web” report!
🔖 almanac.httparchive.org/en/2022/
22 chapters
108 contributors
8M websites analyzed
44 TB of data processed
785 queries written
Join us in celebrating the release of our fourth edition and spread the word! 🎉
@cramforce Cache invalidation and naming things… 🫠
Declarative Shadow DOM being prototyped in @webkit. 👀 twitter.com/dgrammatiko/st…
@davrous @patrickbrosset Proudly featured on the 🐡 Project Fugu API Showcase: developer.chrome.com/blog/fugu-show….
JasonOGrady The opening sequence in the Season 34 premiere of @TheSimpsons is a nod to the #OfflineDino game in @googlechrome. Brilliant!😉🦖 cc/@louisgray pic.twitter.com/L9AqqhmJ6A
@edent It may have to do with the search volume for those phone numbers to be higher. Also, there are a lot of phone numbers, so it might only seem like they have 100% from the outside. For some more background, see searchenginejournal.com/google-not-ind….
@edent From support.google.com/webmasters/ans…:
Discovered - currently not indexed
The page was found by Google, but not crawled yet. Typically, Google wanted to crawl the URL but this was expected to overload the site; therefore Google rescheduled the crawl.
(Al
xkcd: Historical Dates. I reckon I needed explainxkcd.com/wiki/index.php… to make sense of December 30, 1899. Hilarious #xkcd again! 👏 xkcd.com/2676/
@TheLanceAdams As long as your contrasts are high enough, do whatever you think looks best is my opinion. Other than that, @materialdesign may have additional requirements that I can’t speak for.
@sangwhanmoon Did you end up getting two?
@FakeUnicode This reminds me of a hilarious @AMPhtml bug: github.com/ampproject/amp…. ⚡️
@svoisen @gordonbrander @geoffreylitt There’s nothing that would stop you from bridging the OPFS and the regular file system as a one-off. At a convenient time and when writes are committed, you could ask the user if they want to back up the database to
taisukef Kids enjoyed a game with Ring-Con in Programming-Fes 2022 in Katsuyama city.
IchigoJam web supports Ring-Con featuring joy-con-webhid.
Thank you @tomayac ! #WebHID
youtube.com/watch?v=cmzSd8…
@webkit Duh, the first link was supposed to go to wicg.github.io/import-maps/. That’s the level of excitement I was feeling…
👀 Oh, a draft PR that adds import maps (github.com/WebKit/WebKit/…) to @webkit: github.com/WebKit/WebKit/…. Nice!
@ekr____ @miketaylr Great article, thanks for writing! (Funny typo: exmaple.com 🍁)
@TheRealNooshu All the best, Matt! Hoping for the past tense bio to remain! 🤗
zakirbpd We recently published the first large-scale analysis of how people spend time on the web worldwide: zakird.com/papers/browsin…. This was a joint project with Google Chrome. There a series of findings that I think are worth calling out. 🧵
GemmaPetrie Today we are publishing new research from @mozilla on how people experience browsers and the role of online choice architecture in consumer behavior: research.mozilla.org/browser-compet… (1/12)
Vincent_Scheib @tomayac The slides are good docs.google.com/presentation/d… pic.twitter.com/t2HvqAQYc7
PwaSummit Did you know there is a showcase with many examples of what is possible with PWA capabilities: developer.chrome.com/blog/fugu-show…
Come to the PWA Summit and hear from the community, vendors and other developers. Register today ti.to/pwasummit/2022 share with us, what will you create? pic.twitter.com/w9LI14PmQq
@tbranyen @paul_irish Absolutely not too late. Just open an Issue, it’s a GitHub repo like any other: github.com/ivansandrk/mul…. We typically take an iterative approach, so starting with desktop doesn’t mean we necessarily stop there.
Oh, I’m in @TheRegister 🦅: theregister.com/2022/09/23/met…. Found out because my WebMentions went through the roof (for a humble definition of roof), since everyone scrapes The Register and republishes them it seems 🤷♂️. Anyway, the blog post they ciblog.tomayac.com/2019/12/09/ins…
🛟 @taisukef keeps being on fire 🔥: you can now talk to your Ring-Con controller using Joy-Con #WebHID: github.com/tomayac/joy-co…. See the quoted tweet for details. twitter.com/taisukef/statu…
1. @OpenWebDocs solicited suggestions for missing @MozDevNet content.
2. I suggested the Web Share Target API, since we mostly just have web.dev/web-share-targ… so far.
3. @floscholz jumped right on it.
4. I reviewed it.
5. It’s live for everyone: developer.mozilla.org/en-US/docs/Web…twitter.com/OpenWebDocs/st…
@ddprrt Sure thing.
@TheRealNooshu It’s being added to the browser: bugzilla.mozilla.org/show_bug.cgi?i….
@paul_irish @tbranyen As the feature flag’s name suggests, at least the initial target is desktop. This is mostly driven by the use cases that we’re seeing that motivated it: virtual desktop infrastructure (VDI) apps and office packages. For more backgrougithub.com/ivansandrk/mul…
@RReverser @samthor German has two words for “same”. One means physically the same, and one means the same equal thing. For some hilarious linguistic fun, read this article translated to English and compare to the German original: spiegel.de/kultur/zwiebel…
@cramforce @vercel This looks super impressive and useful. This feature alone would be a brilliant product in isolation.
Great overview presentation by @jh3yy (jhey-presents.netlify.app/tpac-2022/) on the new Anchor Positioning CSS feature proposal (tabatkins.github.io/specs/css-anch…) by @tabatkins. ⚓️
@RReverser Not bad. Is that @SoVeryBritish understatement enough? 🫖
@ddprrt Yes. You should also try this with any custom element you consider to use, since it’s a great test to see if the element is well-behaved (e.g., it should not have attributes at creation time).
@dannymoerkerke @passle_ Not necessary: `”any”` is the default if no other `”purpose”` is given.
@googleeurope The link in “Today we are announcing the launch of Google News Showcase, our curated online news experience and licensing program.” (g.co/supportingnews…) doesn’t work. People wanting to access the showcase the post announces end up
@passle_ @kennethrohde @quicksave2k @pendelhavengame Maybe @thisislalaok from @samsunginternet can shine light on the situation?! This problem would probably happen on Samsung Internet, too.
@dfabu Must people are really excited about it because with Access Handles (web.dev/file-system-ac…) it allows them to use the OPFS as a very performant backend for storage solutions like SQLite or DuckDB, which given Web SQLs EoL developer.chrome.com/blog/deprecati…
Intent to Ship: Origin Private File System (OPFS, web.dev/file-system-ac…) on Android. It’s happening. Two LGTMs and counting..groups.google.com/a/chromium.org…qtwitter.com/intenttoship/s…rW
@kennethrohde @passle_ @quicksave2k @pendelhavengame Android, or the Chrome version. Maybe it’s also some non-Google Android vendor with proprietary customizations like Samsung, which implements maskable icons differently, or not at all?
@passle_ @quicksave2k @kennethrohde @pendelhavengame Not sure this is helpful, but on both desktop and mobile the icon looked perfect, with a transparent background. This is on Android 13 and macOS Ventura beta with the latest stable Chrome.
Can you try pic.twitter.com/35HT7eLHI4
@passle_ @quicksave2k @kennethrohde @pendelhavengame In the app. Saw your DM now. Thanks.
@passle_ @quicksave2k @kennethrohde @pendelhavengame This looks correct to me. Any chance to check this live for me?
@quicksave2k @kennethrohde @passle_ What platform and OS version does this happen on? Did you recently update the OS? Did you recently add a maskable icon to the Web App Manifest? Can I get alpha access to @pendelhavengame to test it?
@googleeurope The link 404s.
@programmingart @tunetheweb That’s next level trolling. Hats off!
Safari Technology Preview 154 has enabled Scroll To Text Fragment (web.dev/text-fragments/) by default! ⚓️📄 twitter.com/webkit/status/…
#TIL about the SB19-085 Equal Pay For Equal Work Act (leg.colorado.gov/bills/sb19-085), which forces companies like Google to disclose minimum salary bands 💵 for roles like this Chrome Extensions Developer Relations Engineer job: careers.google.com/jobs/results/8…. (Indi@edent
@kennethrohde Oh, that’s interesting. GNOME Web (wiki.gnome.org/Apps/Web) is based on WebKitGTK. I wonder how the “to regular app” conversion works. I’m aware of tryphotino.io, active in a similar space (see “How does Photino work?”
ChromiumDev We are excited to announce Interop 2023 is happening!
Read more about it, and how to Submit your proposals for Interop 2023
bit.ly/3xGZ3mN
TonySpegel One component and three ways to compare images:
a slider, an overlay and a split view. Had lots of fun building this 😄 - as always it’s @buildWithLit
#webcomponents #buildWithLit
github.com/TonySpegel/ima… pic.twitter.com/mTF6DeIc47
Russia’s Putin announcing a partial military mobilization (bbc.com/news/av/world-…) after announcing “referendums” (bbc.com/news/world-eur…) just a mere day before. Now even more: #StandWithUkraine 🇺🇦! People in Russia are apparently thinking of leameduza.io/en/news/2022/0…
@simevidas @taisukef I wonder if the microphone data is accessible via #WebHID. @taisukef, do you know if this works?
@henrylim96 @alispivak @ChromiumDev @dotproto Yes, now managed by Ali.
📢 Just released Joy-Con #WebHID v0.3.1, which includes HVC controller support (ファミリーコンピュータ コントローラー, nintendo.co.jp/hardware/switc…), kindly added to the library by @taisukef (see quoted tweet ⤵️).
💻 Library: github.com/tomayac/joy-co…tomayac.github.io/joy-con-webhid…twitter.com/taisukef/statu…
alispivak We’re hiring @ChromiumDev! The Chrome Extensions Developer Relations Engineer will work directly with developers, helping them adopt Manifest V3 and build extensions using web/browser API’s.
Remote eligible in USA, Canada, UK, and several EU countries: goo.gle/extdevrel
@dannymoerkerke Nothing enforced on the spec level, but the spec notes that “[m]ost push services limit the size and quantity of push messages that can be sent”: w3c.github.io/push-api/#intr…. So the answer is that the limits depend on whatever push service
@samthor Cache invalidation and naming things… Whatever works, but please don’t stop blogging.
Spellcheckers exfiltrating PII… Not so fast, b@AaronGustafsonon, in which he debunks some of the alarmist-ish claims iotto-js.com/news/article/c…jY. Give both posts a read and form your opinionaaron-gustafson.com/notebook/spell…d1.
Web custom formats for the Async Clipboard API (developer.chrome.com/blog/web-custo…) allow developers to write arbitrary data to the clipboard. Here’s @polx demonstrating this for copying `application/mathml+xml` and `application/mathml-presentation+xml` 🧮📋 in twitter.com/polx/status/15…
@0ndras @1Marc Here you go: measurethat.net/Benchmarks/Sho…. Almost equal.
@lcasdev @GavinMoreGavin Web Share is still behind a feature flag in Chrome on some platforms like macOS. I think it’s already rolled out on Windows, though. Edge has already enabled it on all platforms as far as I remember.
@patmeenan @keet_io My understanding is that this doesn’t need central servers, but uses distributed hash tables instead (which needs seed servers once to bootstrap).
schweinepriestr @tomayac perhaps you’ve seen it already, but safari 16.1 beta has scroll to text fragment enabled by default 🎉
(caniuse PR: github.com/Fyrd/caniuse/p…) pic.twitter.com/bLv4iEqQ1q
Finally understood the fascinating mechanics of holepunching 🕳️🥊, the approach used in @keet_io by watching the tech talk in the quoted tweet ⤵️ and reading “How NAT Traversal Works”: tailscale.com/blog/how-nat-t…. This is seriously bad@ss sh1t!twitter.com/mafintosh/stat…
stefanjudis Hah! I’ve forgotten about `document.fonts`. 🙈
If you want to check if a font is available on a machine, use the handy `check` method.
More info on @jimniels’ blog.
blog.jim-nielsen.com/2022/font-fami… pic.twitter.com/ysvwDWu0Gf
@balloob @justinfagnani @bgalbs CC: @reillyeon. More “Android needs these APIs” evidence.
@simevidas @ChromiumDev This is Chrome-only at the moment, which is why, indeed, it’s posted on developer.chrome.com instead of on web.dev.
@jaffathecake @AdaRoseCannon “For a friend”. Yeah. Right.
@justynapolitans @Deuterpacks I’m here for stories like this! 🥹
SecurityMB After finding this bug (or feature?) I realized that other Web APIs are also susceptible to prototype pollution.
For example try this:
Object.prototype.method = ‘POST’;
fetch(“/”, {}); twitter.com/BugsChromium/s…
@jaffathecake Thanks! Meanwhile, it might be interesting for folks to see the standards positions:
Mozilla: github.com/mozilla/standa…
WebKit: github.com/WebKit/standar…
@jaffathecake Can you save your readership two searches and paste the umbrella Firefox and Safari feature bugs to star? Thanks!
OpenWebDocs Which Web APIs are gated by user activation?
We started a list on MDN: developer.mozilla.org/en-US/docs/Web…
(h/t @simevidas for the idea)
@jlongster @ChromiumDev Absolutely! Keep an eye on the access handle proposal and get active on the repository. Thanks so much!
Tom
jensimmons Safari 16.1 beta is out: developer.apple.com/safari/resourc…
The release notes here: developer.apple.com/documentation/…
Support for AVIF animated image sequences will be in Safari 16.1. Passkeys will come to macOS Big Sur & macOS Monterey, as well as macOS Ventura & iPadOS 16. Plus bug fixes & more.
diekus Lovely chat at #TPAC2022 with @kennethrohde @benmorss and @tomayac about Fugu, looking back at features launched in the past year, including #freedWCO! pic.twitter.com/YhSUTrDbhS
The “Project Fugu 🐡: What have we enabled” breakout session at #w3cTPAC is happening in about 15min. Your chance to learn about the project and meet folk from Microsoft, Intel, Google (over Zoom or in the room).
Zoom info: us02web.zoom.us/j/9051227671?p…
Sgoo.gle/project-fugu-t…
#w3cTPAC session on isolated web apps, facilitated by @reillyeon: goo.gle/tpac2022-isola…. This is a proposal for having APIs that would be too dangerous to launch on the open web, e.g., direct sockets. (For the Zoom link, see docs.google.com/document/d/1fj….)
Breakout session at #w3cTPAC facilitated by @Vincent_Scheib on device APIs like WebHID, WebBluetooth, WebSerial, and WebUSB: goo.gle/tpac2022-devic…. Zoom link: us02web.zoom.us/j/4415985829?p….
How QR codes work, by @DanHollick: typefully.com/DanHollick/qr-…
jenniferdaniel BRACE YOURSELF WE GOT A TON OF EMOJI ANNOUNCEMENTS DROPPING
developers.googleblog.com/2022/09/update… pic.twitter.com/l8zT76FqBA
Great article by @dannymoerkerke on form-associated custom elements: itnext.io/native-form-va…
PixelAmbacht Holy schnikes!! Color fonts on Google™ Fonts™ as of RIGHT NOW!
Here’s Nabla by color font superstar tag team @typearture and @justvanrossum, dropped in the fondue. Look at all that delicious colorful variable extruding! 💖
Get your copy from fonts.google.com/specimen/Nabla! pic.twitter.com/XZ93dcnt29
@voxpelli @benschwarz It’s question marks all around for me: libre-software.net/avif-test/. ¯\_(ツ)_/¯
Mozilla/5.0 (iPhone; CPU iPhone OS 16_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.0 Mobile/15E148 Safari/604.1
bramus The past few weeks I’ve been digging deep into how viewports work/behave in several browsers and operating systems.
I joined @jaffathecake in the latest episode of #HTTP203 for a deep dive on the subject.
(Spoiler: It’s complicated)
youtube.com/watch?v=xl9R8a…
It’s #w3cTPAC week and today’s breakout day. Most sessions are public and can be attended via Zoom. I’ve collected all 🐡 Project Fugu related sessions in a doc: docs.google.com/document/d/1fj….
🗓️ Together with @benmorss, I’ll host “Project Fugu 🐡: Wh
Good overview presentation at the #w3cTPAC developer meeting on Private Advertising Technology, by @Chronotope for the Private Advertising Technology Community Group: docs.google.com/presentation/d….
@JohnMu And `main` (or before: `master`) is just a regular git branch like all others. It’s all conventions.
@_atjn Yes and no. twitter.com/mathias/status…
@ianwill93 @CrosExperts @Google @dotproto might be interested in discussions about this (he’s with me at a conference right now and might not immediately be able to follow up, just to set expectations).
@jimniels Oh, I see. I thought blogging about the same topics repeatedly. For important things, I just ReTweet my own tweets. People who’ve seen the tweet the first time won’t see it again thanks to Twitter being smart, the rest will. Other than that,
@mrdoob @webkit Wait, what. I re-read the post to see if I missed it, but then understood that this is what you wish for. You’re not alone: bugs.webkit.org/show_bug.cgi?i…. 🗺️
@jimniels If you have some sort of aside widgets or details boxes, repeated content can just go there.
AVIF in Safari 16 🎉. It’s nuanced, tho:
First, no animated AVIFs.
Second, Safari 16.0 for iOS does support still image AVIF. […] Safari 16.0 for macOS Monterey and macOS Big Sur (which also shipped today), does not support AVIF.github.com/Fyrd/caniuse/p…webkit.org/blog/13152/web…
Stable Diffusion can now be installed and run on Mac M1. pixexid.com/read/stable-di…
jensimmons Safari 16 is here!
webkit.org/blog/13152/web…
@LeonieWatson @marcosc Great job both today! Thank you! 👏
Now Stable: time-to-stable.deno.dev/when-stable?br…. Useful app by @Paul_Kinlan that answers the question “What APIs are available across a select set of browsers, and when did they become available?” for a set of browsers (and platforms like Deno). 👏 twitter.com/Paul_Kinlan/st…
sarah_edo Dang. JSONhero looks pretty useful! 🤩
jsonhero.io
maudnals A few tips to improve both privacy and UX on your site, that I got to present at #Fronteers last Friday:
goo.gle/fronteers-22-p…
The notes are a bit raw, but hopefully capture the gist of it.
Amazing time at @FronteersConf!
@ricmac @thenewstack Feature request: make the “dark mode” of the open hamburger menu the default page experience when the user prefers dark mode 😃.
On my way to #w3cTPAC in Vancouver, Canada 🍁. Looking forward to co-hosting a breakout session on Project Fugu 🐡 and what we’ve enabled so far (w3.org/events/meeting…), loads of discussion in the Devices & Sensors WG (github.com/w3c/devicesens…), an
An overview of Node.js: architecture, APIs, event loop, concurrency. Classic @rauschma post: one for the bookmarks! 🔖 2ality.com/2022/09/nodejs…
@_bayotop Oh, neat. I will check this after the weekend. Thanks for the addition!
@TheRealNooshu Glad you’re here! And fully so. <3
@Loilo92 @marcustallberg Question: if you could or could not reproduce this, did you have the experimental web platform features flag set? What exact Canary builds did you use? Thanks!
I wasn’t aware of this Scroll-linked Animations (drafts.csswg.org/scroll-animati…) polyfill: github.com/flackr/scroll-…. Neat! twitter.com/jh3yy/status/1…
After `Sec-CH-Prefers-Color-Scheme`, @quicksave2k and I are working on making `Sec-CH-Prefers-Reduced-Motion` reality. More background on both: web.dev/user-preferenc….
🌒 Color scheme: web.dev/prefers-color-…
🏃♂️ Reduced motion: web.dev/prefers-reduce…twitter.com/intenttoship/s…
jaffathecake Here’s the latest iframe weirdness I found. Amazing that something so simple can cause 3 browser engines to behave differently, and none of them really make sense youtube.com/watch?v=F-E6Gm…
aakansha1216 Hey my updated blog on Hacking Javascript Objects - I is now available in @ThePracticalDev too✨
It also has a fun Quiz so make sure to try it out 😎
Do give it a read if you haven’t yet!
Happy Friyay 💕
#javascript #Frontend
dev.to/aakansha1216/h…
stefanjudis That’s a nice little tip from @mazzarolomatteo. 👏
You might not need chalk or all the others for simple coloring in Node.js.👇
mmazzarolo.com/blog/2022-08-2… pic.twitter.com/5qy3md1nNf
@dluzar @marcustallberg Might be an experiment?! I have asked internally, but haven’t heard back (it’s a Saturday).
@Loilo92 @marcustallberg Let me see what I can find out.
CSSWeekly Thomas Steiner (@tomayac) outlines APIs disabled when someone blocks all cookies in a browser:
- localStorage
- sessionStorage
- IndexedDB
- Service Workers
- More
Blocking cookies means that anything that can be used to persist data is unavialable. cssw.io/blocked-cookie…
I asked: “Is…
“`js
const emptyElement = el => {
while (el.hasChildNodes()) {
el.removeChild(el.lastChild);
}
}
“`
…faster than setting the `innerHTML` to an empty string?”
Turns out browsers have optimized the sh1t out of DOM operations itwitter.com/1Marc/status/1…
I dislike the word “lineup” since it’s usually people humble-bragging about the events they speak at. Today I’m one of them 🫣. I mean, really, look at this set of speakers! twitter.com/modernfrontend…
@Twitter
10 Go to Notifications.
20 See notification about recent tweet of person I follow.
30 Click “See less often”.
40 GOTO 10
What really grinds my gears… ⚙@Twitterer, I follow these folks for a reason. No point in showing me their recent twee
@tanepiper @slightlylate That’s an awesome demo! Just added it to the 🐡 Project Fugu API Showcase: developer.chrome.com/blog/fugu-show….
@ianwill93 @CrosExperts @Google Not sure how this would work. You would share something to the extension, but how would the extension accept it? In a popup window? In what tab?
@patrickbrosset @ChromeDevTools @jecfish Protocol handling is solved: developer.chrome.com/blog/new-in-de….
sw12 📢 We made a series of videos to explain Chrome concepts:
• What are Chrome release channels?
• What are Chrome’s origin trials?
• What are Chrome Variations?
• What are Chrome flags?
🎥Playlist: goo.gle/cc
🤔 What other topics would you like us to cover?
@1Marc Is…
export const emptyElement = el => {
while (el.hasChildNodes()) {
el.removeChild(el.lastChild);
}
}
…faster than setting the `innerHTML` to an empty string?
1Marc When I launched the modernized version of vanilla JavaScript TodoMVC, it got 600+ GitHub stars. People were generally positive, but it sparked much debate. Here’s an article addressing all the feedback!
frontendmasters.com/blog/vanilla-j…
@argyleink Neat. I remember `calc()`ing this with the `ex` unit and a magic multiplier. Not great. Having `lh` directly is way better! 👏
@patrickbrosset @ChromeDevTools @jecfish Do you think we can do anything about the Web Share Target testing? The solution would need to work on desktop and on connected mobile devices with port forwarding.
@jan0711 Just delay loading the assets I guess. You should only store essential for everyone assets in the beginning, and delay user-specific assets to later. See web.dev/zdf/#adding-a-… and pwa.zdf.de for a live (🇩🇪) example of this pa
quicksave2k @tomayac @schweinepriestr @Burtchen @LeaVerou Here it is! Chrome 107 (🐤) now support SVG icons in the Notifications API. Thank you Chrome team for helping me with threads!
🎲 svg-notifications.glitch.me
📙 chromiumdash.appspot.com/commit/e9d5c2f… pic.twitter.com/gRHFanMGoL
Few days ago, I reported an interop issue (HT @simevidas) with the Async Clipboard API where Chrome would let sites copy stuff into the clipboard without user gesture or permission, and other browsers would not: github.com/w3c/clipboard-…. It’s fixed now: crbug.com/1334203
@edent This is indeed ridiculous. Mine is filled with a few demos that I’ve tried and put away 1min into the experience.
Import assertions for JSON modules (v8.dev/features/impor…) and text fragment search (web.dev/text-fragments/) are the two things I’m most excited about in Safari Technology Preview 153. ⤵️ twitter.com/webkit/status/…
@TheRealNooshu See here for instructions: blog.tomayac.com/2020/11/04/pla….
I love how simple of a solution `hidden=”until-found”` (possibly paired with the `beforematch` event if you need to) is for JavaScript-based collapsible content: developer.chrome.com/articles/hidde…. Now in Wikipedia pages: ⤵️. twitter.com/JosephArhar/st…
@sw12 Nice inbox management you got there. It would be really a bummer if someone sent you an email, or say, one thousand emails, wouldn’t it? Muahaha!
csswizardry 📖 I’ve been working on this for, well, years I suppose. I’ve finally written up my thoughts on Critical CSS: csswizardry.com/2022/09/critic…
@simevidas @dekudeals I’d look here: w3.org/WAI/ARIA/apg/e….
@jh3yy @mathias Done: github.com/GoogleChrome/w….
@jh3yy See my previous reply. I’m adding it myself. Will have you review.
@jh3yy Actually, I am already working on it. Never mind…
wanderview Chrome is investigating ways to mitigate bounce tracking on the web. We’re looking for use cases and feedback to help get this right. Let us know what you think!
github.com/wanderview/bou…
@jh3yy Can you PR this example into web.dev/prefers-reduce…? It’s an amazing illustration of the concept.
jimniels 📝 Notes from my adventures making my Readlists web app, detailing how I learned to make EPUB (and therefore ZIP) files directly in the browser.
blog.jim-nielsen.com/2022/generatin…
@jimniels You might be able to replace JSZip.js with the Compression Streams API: developer.chrome.com/blog/compressi….
@edent @sil PWABuilder can now build for Oculus: web.dev/pwas-on-oculus…. You can turn your single HTML page into a PWA as outlined here: web.dev/offline-fallba…. Ask me for advice if stuck.
uitestcom New on uitest.com: Raster to Vector Image Converter, by @tomayac
svgco.de
[🇯🇵 Japanese] Nice Project Fugu 🐡 presentation (speakerdeck.com/n0bisuke2/puro…) and background interview (techfeed.io/entries/631054…) with community member @n0bisuke. twitter.com/n0bisuke/statu…
@AlesandroOrtizR @jaffathecake It was a mix of a very passionate(!) teacher (mikomma.de), federal funding for a virtual classroom project, and last not least a bunch of willing-to-learn kids who helped keep it all running (and who profited fr
@AlesandroOrtizR @jaffathecake My school’s computer lab each day opened a special profile called “player” that allowed Duke Nukem 3D and Descent to be played after 2pm. I’d usually compete with the gamers for getting access to a PC to hack some Tu
addyosmani Interested in Rendering Patterns for the web? bit.ly/renderng: our newly refreshed patterns.dev guide covers Static rendering to Streaming Server-Side Rendering w/great visuals by @lydiahallie ✨ pic.twitter.com/vFE7Mnk1L2
@jaffathecake “Of course [the children] may return home for lunch but there is a great variety of activities at lunchtime when computer rooms are open and the learning resource centre is available.”- 9:00 AM, Sep 6th, 2022 via Echofon in reply to jaffathecake
@moustaki Congratulations, and welcome to Google! 🎈 Great to have you!
🫣 In case it’s useful to someone else: `<own-window>`—A custom element made for embedded as an iframe demos that need to be run in their own window.
- Demo runs in iframe context: `<own-window>` shown.
- Demo runs in main context: `<own-window>` hidgithub.com/tomayac/own-wi…pic.twitter.com/A5Ea33OVzV
Yay, @OpenWebDocs has another steering committee member, as just announced by @robertnyman: opencollective.com/open-web-docs/….
@namedgraph @jaffathecake @willmorgan @Paul_Kinlan @AdaRoseCannon Wow, #TIL. Nice!
@namedgraph @jaffathecake @willmorgan @Paul_Kinlan @AdaRoseCannon Right. But you need to convert all them JSON API responses to XML first. 😂
hochsays Seriously, this deserves more attention: Audacity on web - wavvy.app by @ahilss #webaudio #wasm
xkcd First Internet Interaction xkcd.com/2667 pic.twitter.com/xF1xCsqYEH
jeffposnick I built a Twitter bot: @ImagicalRealism
It feeds prompts from @MagicRealismBot into the @StableDiffusion service, and tweets the resulting image. pic.twitter.com/DMZ7AnceVp