@vodafone_de @deutschetelekom So far @BILD seems to be their test partner. Here’s the site’s opt-out portal: m.bild.de/corporate/site…. No harm done opting out per site and globally at the TrustPid level. (Most people shouldn’t be browsing BILD anywaypic.twitter.com/4eF2Nk9NGW
🚨 TrustPId (trustpid.com) is _super_ concerning: “Your mobile number and IP address will be used by your network provider, e.g. @vodafone_de or @deutschetelekom, to generate a pseudonymous network identifier based on which we generate yourpic.twitter.com/we8poK0TRg
devfest_ukraine Hey, folks! 🤘
Welcome to our next Web speaker - Jhey Tompkins (@jh3yy) with his talk “Supercharge your Skills with Creative Coding on the Web Platform”
Want to join Jhey’s talk and ask questions? Donate and get access to the event at devfest.gdg.org.ua 🇺🇦 pic.twitter.com/BLKGv9SgMY
rauschma In other words: Web Streams are already quite usable on Node.js. I found these two resources useful:
– “Streams—The definitive guide” @tomayacyaweb.dev/streams/wFD
– “Implementing the Web Streams API in Node.js@jasnellsnjasnell.me/posts/webstrea…U1CCC
@daKmoR @jordaust @passle_ Periodic Background Sync is the option you have (thanks, @jeffposnick, for confirming), but it’s possible at maximum every 24h, not more often.
@iamdtms @simevidas @jimniels @pepelsbey_ The spec got you there: w3.org/TR/css-color-3…
transparent
Fully transparent. This keyword can be considered a shorthand for transparent black, rgba(0,0,0,0), which is its computed value.
(And with a=0, r,g,b d
@bramus @simevidas @jimniels @pepelsbey_ Found it for Chromium: github.com/chromium/chrom….
@simevidas @jimniels @pepelsbey_ The background color is not in the UA stylesheet (neither for light mode [transparent] nor for dark mode [black-ish]):
Chromium: chromium.googlesource.com/chromium/blink…
WebKit: trac.webkit.org/browser/trunk/…
Firefox: searchfox.org/mozilla-centra…
It s
@hussainmurani @Justinwillis96 @andreykalechev This polyfill achieves with existing APIs what the new API gives you. The polyfill can’t magically unlock new features, like, for example, background geolocation. It basically just changes the way to access
@jeffposnick @passle_ Oh, neat. Of course, I forgot about this demo. His problem may still be the interval of 24h.
@passle_ Yes, it’s capped at 24h intervals at max. Not sure if it can trigger a notification, you’d have to try.
@passle_ Another idea is to set an app badge: web.dev/badging-api/. They can be set from a service worker. But also try if periodic background sync works (not sure right now myself).
@JoubranJad It should work 🤔. I’m pretty sure the flag hasn’t expired. Try if it works for svgco.de (install and then enable it). It was working fine for me.
👀 If you haven’t heard about @ricmac’s amazing @webdevhistory series of articles, you’re clearly missing out. Catch up on all released posts so far in the timeline: webdevelopmenthistory.com/timeline/.
@iamdtms Hey Tamás! You can detect changes via JavaScript, see web.dev/prefers-color-… for the details. Hope this helps!
@slightlylate @Jack_Franklin @aerotwist I still think `EventTarget.getEventListeners()` would be a useful platform addition, but it’s one of those @WHATWG centithreads (for very good reasons; I just wish a decision either way [but preferably pro-`getEvegithub.com/whatwg/dom/iss…
@lhslvndr @RReverser Couldn’t believe this, but have verified it to be true: 11:49 PM, May 27th, 2022 via Echofon in reply to lhslvndr
The makers of @devfest_ukraine asked me to say a few words about what I think about the event, what motivated me to speak, and what to expect in my talk. It’s impromptu & unpolished, but an honest 🧠 brain dump.
Register and donate: devfest.gdg.org.ua#StandWithUkrainepic.twitter.com/rYBguGxPwl
ChromiumDev PWAs can define a `theme_color` and a `background_color`. Did you know that you can override both for dark mode 🌒 via `user_preferences` and its `color_scheme` property?
{
“user_preferences”: {
“color_scheme”: {…}
}
}
developer.chrome.com/origintrials/#…Kwgithub.com/WICG/manifest-…4d
Project Fugu 🐡 (and Project Aurora) got dedicated callouts in Google’s submission: downloads.regulations.gov/NTIA-2022-0001… [PDF]. pic.twitter.com/iMkdapFtMk
Mozilla (regulations.gov/comment/NTIA-2…) and Google (regulations.gov/comment/NTIA-2…) have both responded to the NTIA’s (🇺🇸 National Telecommunications and Information Administration) mobile app ecosystem request for comments. Well worth a read!
@Justinwillis96 @hussainmurani @andreykalechev Not really. Geotracking support is tracked as bugs.chromium.org/p/chromium/iss…, but nothing to play with yet.
@portious_banda @googledevs @googlecloud Are you accidentally blocking the CSS URLs maybe? It’s working fine on all the devices I checked on.
dannymoerkerke I just added code snippets to most of the demos at What PWA Can Do Today.
I will added snippets to the other demos soon but these need some work.
What PWA Can Do Today is a showcase of demos of what is possible with PWAs today
whatpwacando.today
@TheRealNooshu Wishing you strength! Hope the numbers point in the right direction rather sooner than later! 💪
jensimmons Did you know fonts on the web can be in color? They can have several color palettes defined inside, and you can choose which palette is used with `font-palette`. Or define a custom palette with `@font-palette-values`.
Learn how from @Litherum & @djrrb
webkit.org/blog/12662/cus…
A lot of developers want PDF 📄 generation support for their apps, as expressed in the Project Fugu 🐡 bug and now also a very concrete WHATWG HTML Issue: github.com/whatwg/html/is…. Star/subscribe to either of both to be updated of progress. 👀 bugs.chromium.org/p/chromium/iss…
@AnaestheticsApp Perfect, the Fugu bug and the WHATWG bug are already interconnected. I’m subscribed to both and will signal-boost.
@okikio_dev @ChromiumDev Deeplink: developer.chrome.com/blog/fugu-show….
@branmcconnell CC: @robertnyman, @rachelandrew, @foolip.
@jasonmcneill Yeah, we need more offline games, not less… ;-)
🧪 Android PWA experiment:
Let apps be installed just based on manifest, w/o service worker!
Android Chrome now creates a default offline page (docs.google.com/document/d/1YV…), and some apps have created otherwise empty service workers that slow down the Webgroups.google.com/a/chromium.org…
Correction: since it’s a static method:
😆 After (without `new`):
`Response.json(object);`
If you need to synthesize JSON responses in Service Workers, your life will soon get easier:
🫤 Before:
“`js
new Response(JSON.stringify(object), {
headers: {
“Content-Type”: “application/json”
}
});
“`
😆 After:
`new Response.json(object)fetch.spec.whatwg.org/#ref-for-dom-r…
Karan_K_Bhatia Thank you @ZelenskyyUa! From the beginning of the war, @Google has sought to help however we can - through humanitarian support or our tools; we’ll continue to do so as long as needed. Humbled & honored by this recognition. Thank you @FedorovMykhailo for the #WEF2022 meeting. twitter.com/FedorovMykhail…
@cjamcl It is. It’s in the Share action. Highlight something, then share. See bugs.chromium.org/p/chromium/iss… for one improvement to the flow (right now you can’t share the URL alone).
@jh3yy Probably it’d be safest to match on the dataset-term attribute rather than on the class (what I’m doing and which can cause CSS clashes) or a made-up attribute (what you’re doing and which—should this become popular—would block us from ad
denladeside I’m working on a PoC using @NordicTweets HW, @ZephyrIoT firmware and web apps to provide affordable customized mouse (later keyboard too) control for folks in need of assistive technology. Here is an early draft - toughts/corrections welcome :) dev.to/denladeside/ze…
Added a banner to all web.dev pages today: “Join and donate to 🇺🇦 DevFest for Ukraine (devfest.gdg.org.ua/?utm_source=we…), a charitable tech conference happening June 14–15 supported by@googledevsvs and@googlecloudud.”#StandWithUkrainepic.twitter.com/vWt8yiZH0U
PWABuilder can now create PWAs packaged for Meta (Oculus) Quest devices! 👏 @alexey_rodionov is working on a PR to add this and other related info to my article web.dev/pwas-on-oculus…. twitter.com/pwabuilder/sta…
@jh3yy That’s what powers the app search feature in the 🐡 Project Fugu API Showcase: github.com/tomayac/fugu-s….
codepo8 What’s new for Microsoft Edge at Build 2022 blogs.windows.com/msedgedev/2022…
👀 PWA-driven widgets: github.com/MicrosoftEdge/… by @AaronGustafson. twitter.com/AaronGustafson…
ChromiumDev 🥳 In-page transitions can be complex, so we’re going to make it easy!
Learn about new APIs that help to simplify the process, building on top of CSS animations and the web animation API.
Check it out → goo.gle/3ljCY7v pic.twitter.com/C8rbEInXks
igalia The @webhackfest 2022 agenda is here! We’ll see talks from @leobalter (Salesforce), @dazabani (Igalia), @abrax5 (Google), Daniel Minor (Mozilla), @AdaRoseCannon (Samsung), and @tomayac (Google) plus plenty of unconference slots for talking and hacking. igalia.com/2022/05/23/Web…
@programmingart @TimVereecke @Akamai Neato, congratulations on the job! 🎈 Great fit!
@hdv @SaraSoueidan Engagement. It’s all about interacting with the shared tweet.
Incredible story about how Apple complies with the right-to-repair program in the US with its Self-Service Repair program: theverge.com/2022/5/21/2307…. The best is the price tag. 😂 On the other hand, I always wanted to know what happened in the Apple Storetwitter.com/slightlylate/s…
Thanks, @stefanjudis, for the shoutout to the 🐡 Project Fugu API showcase (developer.chrome.com/blog/fugu-show…) in your latest newsletter: stefanjudis.com/blog/web-weekl…. Independent from that, I highly recommend following (it’s a newsletter with RSS feed) or subscribi
I listened to ДДТ when I was in Moscow for a school exchange in the 90ies. The lead singer, Ю́рий Шевчу́к, has some words to say about what homeland, Родина, means (⤵️). Homeland is one of their most popular songs, and apparently #StandWithUkrainetwitter.com/the_ins_ru/sta…
@nic_o_martin /me ducks and covers. It’s all hidden inside the picture frame once finished.
somebitsLinks Curl Impersonate: Version of the web download tool with SSL modified to be identical to major browsers
github.com/lwthiker/curl-…
curl scraping web programming tools useragent ssl
Sorry, 19:10 of course. Quarters-based time management is 🤯:
7:00 → 7
7:05 → 7 + 5
7:10 → 1 ¼ - 5 of 8
7:15 → 1 ¼ of 8
7:20 → 1 ¼ + 5 of 8
7:25 → 2 ¼ - 5 of 8
7:30 → 2 ¼ of 8
7:35 → 2 ¼ + 5 of 8
7:40 → 3 ¼ - 5 of 8
7:45 → 3
Finally worked on the software side of the word clock. It’s a present for my wife, so it’s in Catalan:
ÉS UN
QUART
MENYS CINC
DE
VUIT
(It’s a quarter minus five of eight, i.e., 19:40.)
github.com/tomayac/think_… pic.twitter.com/0kR66pEpnk
jaffathecake New stuff in devtools by @jecfish! Covering new tooling for:
➡️ CSS grid
➡️ Container queries
➡️ Cascade layers
➡️ The accessibility tree
➡️ Tracking CSS changes
➡️ CORS issues
➡️ Simplified performance debugging
…And more!#GoogleIOIyoutube.com/watch?v=YqWEqY…bh
@gsnedders @dannymoerkerke @jensimmons Weird that a full text search for “web inspector” wouldn’t turn those up.
I wanted to proactively apologize to Mozilla (M) as parts of the talk could be interpreted as Chromium (C) criticizing M’s vision. My intention was rather: what can C do better to make sure folks understand Fugu isn’t just Google and strengthen our ar
👕 Exactly one month after ordering (⤵️), my t-shirt has arrived from Lwiw, Ukraine. Wearing it proudly to show I #StandWithUkraine 🇺🇦. twitter.com/tomayac/status… pic.twitter.com/MsWbnrzTXd
Looking at the history, it seems like the concrete proposal came from @tabatkins: github.com/WICG/shared-el….
#TIL about the CSS `object-view-box` property, proposed by @jaffathecake, documented by @shadeed9: ishadeed.com/article/css-ob…. This could finally help make the spatial dimension of Media Fragments URI 1.0 (basic) feasible (w3.org/TR/media-frags…). Polyfill:tomayac.github.io/xywh.js/demo.h…
@HTTPArchive (The YouTube video is private, @rick_viscomi.)
@Indiequest1 If I find out, I’ll share the solution here.
BBCSteveR Extraordinary exchange on Russian state TV’s top talk show about Ukraine. Military analyst & retired colonel Mikhail Khodarenok tells anchor Olga Skabeyeva “the situation for us will clearly get worse…we’re in total geopolitical isolation…the situation is not normapic.twitter.com/ExMwVDszskszsk
@dannymoerkerke Looks like no one has asked for a better experience: bugs.webkit.org/buglist.cgi?bu…. Actually, there’re only four bugs in total for anything Web Inspector: bugs.webkit.org/buglist.cgi?bu…. Maybe file something and mention @jensimmons.
@AaronGustafson @jennylayfluffy @Microsoft Great day for such an announcement indeed! Congratulations 🎈 on the new role, and thanks for everything that you have done for the Web in general and PWAs specifically.
@thisislalaok (The session finished already, but nos leemos en los comentarios. 😃)
You can find the slides from the #BlinkOn16 breakout session on “Increasing Project Fugu 🐡 API adoption” at goo.gle/blinkon16-fugu. The recording of the session is already up, too: youtube.com/watch?v=eqvO3x….
@ThaUnknown_ Amazing, thanks for letting me know about the improvements!
@davewsmart Oh, neat. Thanks for the pointer. This lacks conversion to other formats, but it would get me halfway there. I’ll definitely investigate this. Thanks again!
Sign up to literally any service via Google.
Receive their newsletter the minute after.
Unsubscribe and tell @Mailchimp that “I never signed up for this mailing list”. pic.twitter.com/gYjwqXzHcg
@wolframkriesing @JSCraftCamp Unfortunately not. I’ll be in town the week before for some work meetings. Not sure about the schedule yet.
I’ll host a breakout session on “Increasing Project Fugu 🐡 API adoption” later today (17:30 CEST, 8:30am PT) at #BlinkOn16. Register quickly and hop on: app.hopin.com/events/blinkon….
jimniels I started to see <details> everywhere when I looked at this presentation from @muanchiou
docs.google.com/presentation/d… twitter.com/ryanflorence/s…
“[E]ach browser is built on a web browser engine, which is responsible for key browser functionality[.] When gatekeepers operate and impose web browser engines, they are in a position to determine the functionality and standards that will apply […] totwitter.com/OpenWebAdvocac…
argyleink 🆕 #GUIchallenges
Thinking on styling `<button>` elements
I style all the web’s different button types with custom properties and :where(), for light/dark adaptive buttons that are easy to make new variants with 💀🤘🏻
links to blog, youtube, and more 👇🏻 pic.twitter.com/IxYbP0TbgF
devfest_ukraine Hey guys! 👋
Give a warm welcome to our next speaker - Una Kravets (@Una) with her talk “Container queries: the new frontier”
Want to join Una’s talk and ask questions? Donate and get access to the event at devfest.gdg.org.ua 🇺🇦
#DevFestForUkraine #StandWithUkraine pic.twitter.com/MVApthHdmQ
MSEdgeDev With Microsoft Edge, you can install any website as an app for a more seamless experience on your desktop. Based on your feedback, we’re introducing new improvements for managing your installed site, including a new Apps hub. Learn more on the blog: msft.it/6017bOdAX
The new Web platform primitive proposal `focusgroup` facilitates focus navigation using arrow keys among a set of focusable elements. This feature can then be used (w/o JS) to supply platform-provided focusgroup navigation into custom-authored controls: github.com/openui/open-ui…
@briankardell @igalia It would be super interesting to split up the red segment by the companies that paid Igalia. Is there any data available regarding this?
@marcosc @manusporny Manu’s name naturally appears in every second JSON-LD example. 😃
@tunetheweb Yes, this would definitely be a start. It’s at the “is there any structured data at all on the page?” stage, but not at the data parsing and converting stage yet. Thanks for the pointer anyway. I got another lead at a later stage that lo
@rubensworks Oh, wow, npmjs.com/package/rdf-de… seems to get me where I want. Bedankt for the pointer! I will run some tests and, if successful, share the solution.
@mmocny (And the tool is closed source, I’d rather have access to the code.)
@mmocny No immediate answer yet. I don’t really care for performance that much, but completeness. A tool that partly does what I want is validator.schema.org, but it’s limited to schema.org markup, not arbitrary RDF; the preliminary dowebschemas.org/docs/validator…
#SemanticWeb peeps, what’s currently the best/easiest Node.js way to extract semantic data from an arbitrary HTML string that supports any of JSON-LD, RDFa, and Microdata as in-/output? I’m looking for something like `magicParser.parse(htmlWithRDFa).t
@jasonmcneill @petele It could be inspiring new OS level features, there’s no need for everything to already exist. File here: bit.ly/new-fugu-reque….
@ThaUnknown_ Oh, neat! All the caveats from your README obviously apply, so as a developer using this your mileage may vary. I’ll add a link to it in the article. Thanks for creating this!
@jesconradsen @Adobe @Photoshop Luckily this is an option on YouTube. I needed several weeks to grok the various features (somewhat) to summarize them in 20min, so nothing but fair that you would slow the video down… :-)
@lucienimmink @JSMusicDB 🎉 You can now also deep-link to your project: developer.chrome.com/blog/fugu-show….
JoshWComeau “Should I use pixels or rems?”
I just published a blog post that aims to answer this question once and for all. 💖
Get the full scoop:
joshwcomeau.com/css/surprising…
(Spoiler: it’s both! They each have a role to play when building accessible UIs.)
Some neat #WebBluetooth resources in this slide deck by @nic_o_martin. Starts with a beginner-friendly example. 💡 slides.nico.dev/220517-webblue…
dannymoerkerke The Media Session API finally works on iOS 15.5!
It will show controls and album artwork on the lockscreen and audio will continue playing even when the PWA is minimized.
Check out a demo here: whatpwacando.today/audio
@kennethrohde @dannymoerkerke @firt Was discussing with Danny before. I don’t see this on the latest beta.
@jennschiffer @guardian @TimeOutLondon @nytimes Just saying, in case anyone wants to acquire the viral app for an undisclosed seven-figure sum…
🤩 @jennschiffer just let me know that my PWA Wikipedia Around (wikipedia-around.glitch.me) was featured in the @guardian (theguardian.com/lifeandstyle/2…).
It’s been in @TimeOutLondon (timeout.com/news/this-clev…) and the @nytimes (nytimes.com/2022/01/05/at-…
@steveruizok Google has a policy called IARC for this: opensource.google/documentation/…. By default everything belongs to them, but you can apply for something to be yours. I’ve gone through the process a couple of times for clearly orthogonal projects to Google
@henrylim96 @hankchizljaw Something something `minmax()` and `auto`. This post saved me: css-tricks.com/preventing-a-g….
@rauschma This is what Twitter themselves (presumably) use: github.com/twitter/twitte….
@AaronGustafson @hankchizljaw I’d proudly wear such a shirt. I know what I don’t know at least, that’s already something.
From Mozilla (otsukare.info/2022/05/04/bye…) straight to Apple (⤵️), congratulations, @karlcow! 🎈 Looks like @webkit folks are really serious about this Web compatibility thing (with @marcosc as the second recent hire in this area). 👏 twitter.com/karlcow/status…
@hankchizljaw That’s me and CSS Grid. I copy & pasta the basics and eventually get there, but I know there’s so much about it that I don’t know.
@devfest_ukraine Looks like the original quoted tweet was deleted. Anyway, here’s the replacement: twitter.com/devfest_ukrain….
😊 I’m honored to be speaking at @devfest_ukraine, amongst a lineup of truly amazing speakers. Donate to support Ukraine against the aggressor and get your tickets at devfest.gdg.org.ua! What unites us is that we all #StandWithUkraine 🇺🇦. twitter.com/devfest_ukrain…
Quick recap of all Web-related announcements and news from Google I/O (with links to all talks) by @Paul_Kinlan. #GoogleIO #IO22
web.dev/googleio22-rec…
@L0uisCouture @ChromiumDev The File System Access API is currently not supported on Android. The feature bug to star is crbug.com/1011535. Meanwhile, I recommend github.com/GoogleChromeLa… as a solution that automatically falls back to an alternative i
Don’t fight the browser preload scanner, by @malchata. Great article that helps you understand how the preload scanner can help you. web.dev/preload-scanne…
@tropicadri Thanks, Adriana! Compliments all back at you! Your talk and demo app was great! 👏
@steveruizok Told you so. 😂 github.com/tomayac/SVGcod… is nothing I’m proud of.
@simevidas @ChromiumDev Might be a search minimum length of >2 characters? Not sure.
@Teoli2003 @fvsch @kilianvalkhof @hdv @floscholz Looking forward to it! Iframed content definitely deserves a special “attention: pitfall” section. Same goes for system colors like `CanvasText` that don’t work as expected on all browsers.
@bramus @chriscoyier This notwithstanding, it’s a _very_ confusing space.
@reillyeon @samuelgoto Windows peaked at Windows Me. Change my mind.
@tunetheweb @RReverser @DanShappir Did I…, did I help kill it? 🙀
@seaotta Congratulations on the new role! 🎈 Enjoy Berlin!
@simevidas @ChromiumDev Go to ChromeStatus.com, search there (chromestatus.com/feature/544571…), then open the tracking bug: bugs.chromium.org/p/chromium/iss…. You can then use the component `Blink>CSS` (very broad here) and bugs listed in “BlockedOn” and “Bloc
@argyleink I wonder if this could/should work with logical instead of physical properties? Haven’t thought it 100% through, but it seems like it would require redefining when the direction changes.
buildWithLit 🔥 We love seeing how people are using Lit.
This talk highlights how Adobe uses #webcomponents in their apps like Photoshop - all built with Lit! → goo.gle/3NuIa4z pic.twitter.com/YuUJJnZEaM
@RReverser @tunetheweb @DanShappir Came here to say this. I posted this blog.tomayac.com/2011/06/29/dea… in 2011 and I’m still employed.
rowan_m Need to know what to do with your cookies as we progress towards phasing out of third-party cookies? Don’t want to watch the #GoogleIO2022 video? I’ve got an exclusive Made-For-Twitter thread version going through SameSite, CHIPS, and First-Party Sets in the Privacy Sandbox 🍪⤵ pic.twitter.com/ziu75MIndB
philwalton Next up: A deep dive into optimizing LCP ⚡
But this isn’t your typical webperf talk. Instead of repeating the same old tips & tricks, I present a brand new way to approach improving LCP: youtube.com/watch?v=fWoI9D…
SPOILER: optimizing your images is NOT the #1 recommendation!
brucel Debugging accessibility with Chrome DevTools youtu.be/Th-nv-SCj4Q - Google IO vid from Cynthia Shelley
I’ll be live and in person at @webhackfest to talk about, drum roll 🥁, Project Fugu 🐡, and I hear they have room for more people (⤵️). It’s a hybrid event, but what’s not to like about A Coruña? twitter.com/webhackfest/st…
@BenDelarre @Adobe @Photoshop Thanks for the kind words 😊! Super proud of the teams’ joint advancements of the Web. Each couldn’t have done it without the other.
@BenDelarre @udos86 @Adobe @Photoshop 👀 Oh, this looks super interesting. This github.com/lit/lit/pull/1… and this github.com/lit/lit/pull/2… seem to be the PRs to watch.
@udos86 @Adobe @Photoshop Thanks for the kind words 😊! I personally don’t know the answer, but maybe @BenDelarre can point you at someone or knows directly.
@AnaestheticsApp @Adobe @Photoshop Thank you :-) I don’t even pretend to be a Wasm expert, I was mostly just glad that my samples compiled successfully…
@mthie @Adobe @Photoshop Thank you very much! I learned a lot, too, when I did the research for this talk. 😅
🙀 Missed the @ChromiumDev team group photo opportunity yesterday in Google I/O Adventure. Thanks to Photoshop on the Web, it was an easy fix, though… twitter.com/tomayac/status…L#GoogleIOI#IO222pic.twitter.com/tV5VdXsRtrtr
jaffathecake The web technologies Adobe used to bring Photoshop to the web:
➡️ Advanced web assembly, like threads and SIMD.
➡️ The filesystem API.
➡️ P3 colour space.
➡️ Web components via lit.
➡️ Service workers.
Great talk by @tomayac! #GoogleIO youtu.be/CF5zZZy0R9U
@LinkofHyrule89 @Adobe @Photoshop 🧢 Haha, I guess the video crew would hate it if they needed to get the lights right if I wore the hat for filming.
chriscoyier I was fiddling with the iframe security attributes on CodePen this week and wanted to write up just what a confusing situation all that is.
blog.codepen.io/2022/05/11/ifr…
@chriscoyier The `allow` value is a serialized permissions policy (w3c.github.io/webappsec-perm…) whereas the `sandbox` value is an unordered set of unique space-separated tokens (html.spec.whatwg.org/multipage/comm…). So one is “complex”, the other “simple”.
@chriscoyier The `allowpaymentrequest` attribute was removed (github.com/w3c/webappsec-…), and `allowfullscreen` must have no effect if `fullscreen` appears in `allow` (w3c.github.io/webappsec-perm…).
hashseed Super proud of what the @ChromeDevTools team delivered! youtu.be/YqWEqYa-evk
ChromiumDev 🎨 Get creative with Adobe Creative Cloud ☁️
Learn how the Adobe and Chrome teams brought @creativecloud to the web, starting with Photoshop and Illustrator.
More here → goo.gle/3NboNx3 pic.twitter.com/HsoO9C1y31
firt PWA-related sessions at #GoogleIO are now streaming!
Thread with some sessions 🧵
－How to take full advantage of a PWA install; by @tropicadri (the only one with ‘PWA’ in the title 😉)
youtube.com/watch?v=tj0_4p…
Probably my favorite Google I/O talk: @jaffathecake explains the effort of bringing page transitions to the web.
📄 🔜 📄 #GoogleIO #IO22 youtu.be/JCJUPJ_zDQ4
stefanjudis It’s hard to keep up with all the new CSS features lately. @argyleink’s sums up all the new stuff quite nicely. 👇💯
web.dev/state-of-css-2…
agektmr A path to a world without passwords: In this Google I/O session, I introduce various sign-in options so you can build a strategy for a passwordless future. It will be available at 9AM PDT on May 12th.
io.google/2022/program/e… #io22 #fido #password
BenDelarre Want to know how we brought Photoshop to the web? Check out @tomayac’s great overview of some of the platform capabilities we used to get there!
It’s a whistle-stop tour of WASM, SIMD, Access Handles, P3 Color Space, Web Components and Service Workers!
youtu.be/CF5zZZy0R9U
😆 I’m super proud to finally announce my Google I/O talk:
“Bringing @Adobe’s Creative Cloud to the Web: Starting with @Photoshop” 🎨
youtube.com/watch?v=CF5zZZ…
(Be sure to check the description for a ton of resources.)
#IO22 #GoogleIO
Fantastic overview of all the ways in CSS and HTML to prevent text from wrapping or force text to wrap: codersblock.com/blog/deep-dive….
(via @Paul_Kinlan)
@aboodman @Paul_Kinlan @KiwixOffline FYI, just added the Kiwix PWA to the 🐡 Project Fugu API Showcase: developer.chrome.com/blog/fugu-show….
@aboodman @Paul_Kinlan The most powerful (in the sense of data volume stored) app I’m aware of is @KiwixOffline. The PWA allows you to work with huge offline archives, for example, containing Wikipedia articles: pwa.kiwix.org/www/index.html.
Meet @quicksave2k and me at I/O Adventure ✨now✨ to discuss all your Project Fugu 🐡, advanced apps, and PWA questions: adventure.withgoogle.com/io/#2aFmFF57Lh… #GoogleIO #IO22 pic.twitter.com/Uo9RWU42XY
@fvsch @kilianvalkhof @hdv @floscholz from Open Web Docs FYI.
HTTPArchive Big news!
Announcing plans to increase our capacity by 10x 🚀
+ Faster crawl
+ More websites
+ Crawling beyond home pages
+ Lighthouse for desktop AND mobile
+ More efficient BigQuery datasets
It’s a huge leap forward for tracking the state of the web!
discuss.httparchive.org/t/improving-th…
@briankardell @bgalbs It lets you control the things from this kit lego.com/en-us/product/… via said APIs using a Web-based IDE.
@denladeside @bgalbs @LEGO_Group @reillyeon Super cool stuff! developer.chrome.com/blog/fugu-show…
@briankardell @bgalbs Absolutely correct! #WebBluetooth and #WebSerial: developer.chrome.com/blog/fugu-show….
What’s new for the web platform? 31min 05sec well spent watching @Una and @jaffathecake summarize everything noteworthy: youtu.be/5b4YcLB4DVI. 👏 #io22 #GoogleIO
@cheneytsai Hint: turn on “Play start sound” and “Play end sound” in the accessibility settings of your devices. Immediate life changer:
- Hey Google
- *blob
- Weather today?
- *blip
- It’s sunny outside…
@feross Huge deal, congratulations 🎈!
slightlylate If you want the *real* story of Web Components and not a hatchet job by folks that weren’t in the room, I told it a couple of years back:
youtu.be/y-8Lmg5Gobw
@kilianvalkhof @hdv @fvsch Great blog post, @fvsch! Luckily the situation has improved a bit since I filed github.com/w3c/csswg-draf…, but in the general case you still need to have what the post calls expert knowledge to make things work as expected. Slowly
ChromiumDev Learn about new and upcoming CSS features in this post from @argyleink → web.dev/state-of-css-2…
Or tune in tomorrow to watch the talk at #GoogleIO ↓
io.google/2022/program/9…
ChromiumDev Find out how we are working to make it easier to build for the web → web.dev/bridging-the-g…
You can also watch @rachelandrew talk on the subject at #GoogleIO tomorrow ↓
io.google/2022/program/6…
Deep link to the Project Fugu 🐡 experience with a teleporter back into the game: project-fugu-io22.glitch.me #io22 #GoogleIO
Join the Project Fugu 🐡 Advanced Apps space at I/O Adventure: adventure.withgoogle.com/io/#2aFmFF57Lh… #io22 #GoogleIO pic.twitter.com/72g0f0Tu2a
@JKTwitdev There are actually some font license deals that only allow local use, so uploading to a tool would harm the font’s license agreement. Fonts are a very serious business, the extent of which was new to me.
@JKTwitdev See for example this blog post: boxy-svg.com/blog/15.
@JKTwitdev Design tools that need access to lower-level font data like ligatures for example.
🎉 The Local Font Access API is approved for shipping in Chromium 103! I’ve just updated the article for launch, and polished the demo, too.
👉 Article: web.dev/local-fonts/
👉 Demo: local-font-access.glitch.me/demo/ (needs a flag until shipped)
A long a
@j9t Interested in @hankchizljaw’s view on this.
@othermaciej We agree on that. But the shitstorm was that “Berlin bans Ukrainian flag, symbols on May 8-9”, which was simply not true. Would I have wished for different legislation? Sure, 100%. There is thankfully a legal aftermath: rbb24.de/politik/beitra…twitter.com/henrylim96/sta…
@othermaciej <3 Thanks for this courageous tweet! This war is so senseless and the situation so fscked up; and as in every war: truth is the first casualty. I try to triple-check whatever I share, and (no pandering), Safari’s built-in translator helps m#StandWithUkraine
🎉 Thanks, @smashingmag, for the shoutout to SVGcode (svgco.de) in your latest article: smashingmagazine.com/2022/05/magica…. The app is in _very_ humbling company there…
@othermaciej Police escorted them in groups of 5, but then let them step forward alone, which is the short unattended moment they used to pull out the flag and flash a photo. The tweet picture doesn’t tell the story of the aftermath. Did police act 100% c
@othermaciej Fun fact: the tweet author Julian Würzer is one of the co-journalists who authored said article. Taking cheap reach on Twitter for a seemingly scandalous fact over more accurate reporting.
@othermaciej Getting tired of debunking stuff, but, spoiler alert, it’s not accurately reported: morgenpost.de/berlin/article…. That’s the very source the tweet even at-mentioned, without linking the article. Safari works great for translating I hear.
As @Vincent_Scheib notes (⤵️), the 🐡 Project Fugu API Showcase now supports deeplinks:
👉 All #WebBluetooth apps: developer.chrome.com/blog/fugu-show…
👉 The Espruino Web IDE app from all WebBluetooth apps: developer.chrome.com/blog/fugu-show…
👉 The MakeCode app frodeveloper.chrome.com/blog/fugu-show…twitter.com/Vincent_Scheib…
@wesbos @chriscoyier Definitely check the state of things summarized in bugs.chromium.org/p/chromium/iss…. If the Keyboard Lock API (web.dev/keyboard-lock/) doesn’t serve you, pile onto the bug with your use cases. Thanks!
@magicroundabout @chriscoyier This 👆. The closest right now is the Keyboard Lock API (web.dev/keyboard-lock/), which lets you capture some reserved key combinations like [cmd]+[t] for example in full screen mode.
ChromiumDev 📣 Announcing the Advanced Web Apps Fund!
This fund supports projects that make the web more powerful. Get all the details, and learn how to apply → developer.chrome.com/blog/advanced-…
@steren @mathias @ChromeDevTools `<!DOCTYPE ${document.doctype.name}>` 🎉
@Nop33267216 @photopeacom If you go to `chrome://crashes/` and enable crash reporting and then launch your demo again, you will—after the crash—find a crash report that you can then submit in new.crbug.comwZ. If you paste the bug ID here, I’
quicksave2k Web apps can now properly avoid the hall of mirrors dreaded effect thanks to Capture Handle, a new API shipping in Chrome 102 that enables interaction between web apps and the tabs they capture.
📓 developer.chrome.com/blog/capture-h… pic.twitter.com/D806DHKs3H
@mathias @steren @ChromeDevTools I know. This particular microsite doesn’t even have a server component, though.
@steren @ChromeDevTools It seems like this sets the `<html lang=”fr”>` and lacks the doctype. I also forgot that this needs to be added. twitter.com/mathias/status…
_jason_today Wrote a blog post about implementing a falling sand simulator today!
jason.today/falling-sand
@marcosc Congratulations, Marcos! 🎈 Really looking forward to seeing what you’ll do there. I’m sure it’s going to be great! 👏
@jeffposnick @passle_ @CloudflareDev @CloudflareHelp Async IIFE is the pattern I’ve trained my muscle memory for when I write service worker code myself.
If you don’t want to install Telegram, here’s the video on YouTube: youtu.be/ie3R4utQgpk.
“This year, we say ‘Never again’ differently. We hear ‘Never Again’ differently. It sounds painful, cruel. Without an exclamation, but with a question mark. You say: never again? Tell Ukraine about it.”-@ZelenskyyUaa int.me/V_Zelenskiy_of…#StandWithUkraine
@MHablich @ChromeDevTools It’s more about costly API calls whose resulting data is stored in HTML-ified form in the DOM. Whatever the correct term for this is these days. I send down a static DOM tree in `index.html` at the end.
@mathias @ChromeDevTools Oh, that’s a good one. Thanks for the reminder!
@mathias Congratulations!
(Minor nit: two long URLs, the longest being
11:58 AM, May 7th, 2022
via Echofon
in reply to mathias
@othermaciej It’s limited to war memorials, which Germany has a contractual obligation to protect and maintain: bundesregierung.de/breg-de/bundes…. This was agreed on in the Treaty on Good Neighborhood, Partnership and Cooperation between the FRG and the USSR. Texbundesregierung.de/breg-de/servic…
@stuk It’s almost technically correct. The repo github.com/WICG/file-hand… only contains an Explainer. The still open PR to add the feature to the Web App Manifest spec is github.com/w3c/manifest/p…. So I guess it could be changed to “Started”: github.com/GoogleChrome/w…
Great introduction to the new Node.js `node:test` and `node:assert` packages by @samthor: whistlr.info/2022/builltin-…. 👏 twitter.com/samthor/status…
@cramforce @ChromeDevTools Yeah, that’s the obvious way to do this right™. In the particular case I can’t even be bothered. The thing lives on a static Glitch.com project.
It’s a little more nuanced than the quoted tweet (⤵️) makes it appear. Paste the contents of berlin.de/polizei/_asset… into your favorite translator and see for yourself. Please help not to spread fake news!
Berlin and all of Germany #StandWithUkrainetwitter.com/KyivIndependen…
@othermaciej It’s a little more nuanced. Paste the contents of berlin.de/polizei/_asset… in your favorite translator and see for yourself.
@MHablich @ChromeDevTools It’s a one-off project and this flow turned out to be just good enough for getting a fully server-rendered site. I could have stopped at just directly serving `create.html`, which is what a not insignificant amount of Web devel
The build process 🏗 for my current microsite is:
1️⃣ Load `create.html` with a ton of HTML-generating JS in Chrome.
2️⃣ Paste `copy(document.documentElement.innerHTML)` into the @ChromeDevTools Console.
3️⃣ Save the clipboard contents into
@steveruizok Copying as a file isn’t supported yet (only the other way round: pasting a file), but you can copy pixel data as PNG. web.dev/async-clipboar…. See github.com/tomayac/SVGcod… for dealing with it in prod (it’s ugly, but once older browsers bec