@kennethrohde @denladeside @Paul_Kinlan @peterlubbers @robertnyman Running really low on eggs 🥚. Get that bar stocked again quickly!
All the best everyone and happy new year back! Thanks, Lars, for starting this amusing thread. 🎇
stephenmcgruer A bit late due to the holidays, but Safari Tech Preview 97 hit web-platform-tests last week[0] and WebKit-specific failures are down 25%! This is an amazing step towards an interoperable web; congrats to @othermaciej and the whole @webkit team.
[0]: github.com/web-platform-t… pic.twitter.com/EvWdehZudd
mark_e_davis Excellent paper on the challenges of producing virtual keyboards for a large number of the world’s languages
arxiv.org/pdf/1912.01218…
Great job by @daanvanesch @elishkaa and the other members of the team twitter.com/assertpub_/sta…
New Year’s Eve: xkcd.com/2248/. Off-by-one errors are my favorite kind of error. 💥
I’m fully aligned with the arguments the author of this article on “why we use Web Components” makes. If one thing, I’m a little concerned about “not invented here” syndrome: seems like everyone starts their design system from scratch. Anothersap.github.io/ui5-webcompone…twitter.com/viljamis/statu…
Bundling JavaScript for Performance: Best Practices. Good article that compares different approaches. 👍 calendar.perfplanet.com/2019/bundling-…
@stefanjudis Not an expert, but probably something to investigate as a first option.
@stefanjudis Chromium isn’t signed and “[i]f you run an unsigned app that is not listed in the firewall list, a dialog appears with options to Allow or Deny connections for the app. If you choose Allow, OS X signs the application and […] adds it to support.apple.com/en-us/HT201642
Weird Hill xkcd.com/2247/ #xkcd #2020resolutions ☮️
@robinbakker @slightlylate CC: @fractorious & @b1tr0t
SaraSoueidan 💬 @shadeed9 put together a great guide to #RTL #CSS styling: rtlstyling.com/posts/rtl-styl…
I picked up a few good tips from this.👌
@rmondello 🤗
@jaffathecake @othermaciej @rmondello @webkit Whatever you call it, here’re some of the {Progressive Web Apps, Home Screen Web Apps, Websites} features that I personally as an iOS user would love to see in @webkit: tomayac.github.io/pwa-feature-de….
@othermaciej @jaffathecake @rmondello @webkit My tweet was not referring to the particular QR-coded website in question (which by the way doesn’t permit any analysis since it returns an error code: imakan.app/o/swch/7bbdef), but to Ricky’s take on peop
@rmondello Call it Progressive Web Apps, call it Home Screen Web Apps (cf. webkit.org/blog/9674/new-…), call it Website; as long as the concept meant by that term works great on @webkit, you make us web developers happy. ❤️
@notquitedante In case you’re interested, `<dark-mode-toggle>` implements exactly the behavior you’re describing. github.com/GoogleChromeLa…
@gmail Done. ✅
@gmail Okay. I have checked that I’m connected to the Internet, have turned on background app refresh, have checked sync settings on my Gmail app, have checked my storage space, and also issues specific to non-Gmail addresses. I still don’t have the d
@gmail Hmm, that’s an article for the “Gmail app messages aren’t syncing” problem.
Modern Mobile Bookmarklets with the ShareTarget API. Neat exploration of an idea by @Paul_Kinlan. paul.kinlan.me/modern-mobile-…
@gmail Yes. There’s no “Theme” item (but I had it in the past).
Threading the web with module workers, by @_developit: web.dev/module-workers/. The only missing piece is module support in service workers now, which is spec’ed, but not implemented yet. 👏
Adaptive icon support in PWAs with maskable icons: web.dev/maskable-icon/. Great article by @Not_Woods on making your icons look nice under all circumstances. 🎭 Also a new @ChromeDevTools feature. 🎉
@gmail Hello 👋. I’ve had dark mode on Gmail for iOS before, but it’s gone again. I’m on version 6.0.191117. Was there a rollback? 😱
@daviddalbusco Classic recommended read on this: @LeaVerou’s post lea.verou.me/2018/05/never-….
romannurik Delighted to share a little holiday gift 🎁 to dev conference speakers!
The latest version of SlidesCodeHighlighter lets you select chunks of code to highlight in a variety of ways. Great for walking through larger code snippets.
Check it out @ romannurik.github.io/SlidesCodeHigh… pic.twitter.com/bhdvpDTY01
@TimVereecke @stoyanstefanov @soulislove Correct link: calendar.perfplanet.com/2019/measuring….
@oliverW42355990 I have some other cases, too, sharing doesn’t work as expected. I’ll investigate in the new year, please keep the Codepen unchanged. :-) On vacation now.
@addyosmani @digitarald @Paul_Kinlan @egsweeny @paul_irish The @webhintio team have done some work in this direction, too. github.com/webhintio/hint… and more even github.com/webhintio/hint….
@yoavweiss @Rich_Harris @jaffathecake @gregwhitworth @sirjamespants @schwanksta 👆 My exact same thoughts. One logic fits all as in today’s behavior doesn’t have to be the way `loading=lazy` works tomorrow. UAs can innovate and optimize over time fo
Paul_Kinlan It would be an understatement to say how much this survey has impacted Chrome’s 2020 planning - hopefully we can share more specific information soon - but TL;DR improving developer satisfaction will be one of our main objectives. twitter.com/mozhacks/statu…
cramforce It was another great year of @AMPhtml sponsoring @igalia
to improve web compat with a focus on @webkit:
🦾 ResizeObserver in Safari
📜 Lots of scrolling improvements on iOS
🎁 Preloading of responsive images
🖼 Inferred intrinsic size for images
& more!
blog.amp.dev/2019/12/16/our…
dalmaer Threading the web with module workers /by @_developit
web.dev/module-workers/
jeffposnick Do you have a PWA? Do you want to help users find your offline-capable content?
Chrome is experimenting with a new Content Indexing API to aid in discovery of locally cached pages.
Learn more at web.dev/content-indexi… pic.twitter.com/ssDoGhNDtp
@ericlaw @BrendanEich @bz_moz @david_bokan @othermaciej @yoavweiss @chrishtr @DanielBratell @slightlylate @t @yegg @konarkmodi @nitot Anyone here remembers Google Quick Scroll from 2009? googlesystem.blogspot.com/2009/12/google….
@FilipStanis Just one random example: getbootstrap.com/docs/4.4/examp….
@FilipStanis It is the default, making it explicit mostly just makes sure you (or a CSS framework that you may include) don’t set it to something else… ;-)
@theBashShell If someone sets their default font size to very large, ugly scrollbars may be the least of their concerns…
@othermaciej If I may, some additional data to look at would be @____lighthouse run on the randomly selected page webkit.org/blog/8935/audi… out of many others with images).
Massive savings potential, here’s the relevant pic.twitter.com/5OGHhBLGLN
@othermaciej Serving fallbacks has been a recommended best practice from the start of the format (developers.google.com/speed/webp/faq…), so I guess pages completely ignoring non-compatible UAs are rare. But if(f) @webkit were to support it, all modern browsers would: caniuse.com/#feat=webp#MakeAWish
@cjinfantino Yes, as long as you use `:root { font-size: 1rem; }`.
@othermaciej “Does this mean WebP is coming (back) to Safari or already there?”-bugs.webkit.org/show_bug.cgi?i…c
bendhalpern I am excited to share a post detailing improvements we shipped to DEV in terms of performance and UX.
We now leverage Service Workers and ReadableStream really effectively.
Shoutout to @jaffathecake for inspiring this approach.
dev.to/devteam/instan…
@tombyrer @matejlatin I tend to use `rem`s exclusively, but there are situations where `em`s make sense, too (see @chriscoyier’s meta comment on @jeremybchurch’s post linked in css-tricks.com/confused-rem-e…).
For monospace font sizing, interesting background rwebkit.org/blog/67/strang…
@aaronpeters @mathias I’m learning something new about accessibility myself almost every day, and with this tweet was only standing on the shoulders of others..twitter.com/tomayac/status…jI
@aaronpeters @mathias By doing that, you override and upscale the user’s chosen default font size, which typically is 16px, to 17.6px. You can do that, but maybe only above a certain screen size (or more hand-wavily: on “big” screens).
v8js V8 hits its long-awaited v8.0, now with optional chaining, nullish coalescing, faster higher-order builtins — oh and 40% less memory use thanks to pointer compression, no big deal.
h8rs gonna h8, V8ers gonna V8 🔥🔥🔥
v8.dev/blog/v8-releas…b
Full credits to @matejlatin from whose article betterwebtype.com/articles/2019/… I have learned this from. We just fixed this issue on v8.dev (pending deploy).
#A11Y Tip: Don’t set absolute font sizes! If someone has their default browser font size bumped up/down, you override their choice and force them to zoom. 😔
Instead, set the font size to `100%` on the `:root {}` level and make everything a function thpic.twitter.com/q455OUjHO8
@johnallsopp CC: @kennethrohde @rijubrata @denladeside
_scottlow Want more information on Microsoft Edge’s new user agent string? We’ve published some documentation here: docs.microsoft.com/en-us/microsof…
😂 Just seeing a typo: Largest Contentful Pain(t). A new speed metric. By the way, if you don’t see it, it’s because `PerformanceObserver` is spec’ed to ignore metrics it doesn’t know. So while iOS has the observer, it doesn’t understand the m
v8js JavaScript is now equipped with a new regular expression enhancement!
@MayaLekova shows how it can be used for finding positions of matched groups. v8.dev/features/regex…
(This feature is available starting from V8 v7.9 behind a —harmony-regexp-match-indices flag.) pic.twitter.com/dYSYkZwSkF
@neelkirit I do hope apart from the game you also got some stickers at the booth. 😂
@domenic @briankardell @fabricedesre @brucel @stevefaulkner @LeonieWatson @chaals Are there plans to publish some of the would-be built-in modules like std-toast or std-switch as a coherent custom elements library under one umbrella repo? I could find github.com/tkent-google/s…github.com/jackbsteinberg…
@FilipStanis @simevidas Please don’t do this, it can have interesting and unexpected side effects: blog.tomayac.com/2019/12/12/sam….
@ecbos_ Tracked in bugs.chromium.org/p/chromium/iss….
@simevidas @horsemankukka Track bugs.chromium.org/p/chromium/iss… for all the details :-) It’s definitely an interesting bug…
ChromiumDev 🏷️ Web NFC reaches a key milestone - it is coming soon!
Check out w3.org/community/web-… pic.twitter.com/MmsIDHGNjy
Speed metrics can be quite abstract, so on my blog I’ve tried to make them more understandable. At the bottom of each page, you now get Largest Contentful Pain (LCP), Cumulative Layout Shift (CLS), and First Input Delay (FID).
Try it on blog.tomayac.com/2018/07/19/sub…pic.twitter.com/zx10kL2Ptz
@philwalton @RickByers @david_bokan Correcting myself. § 2.3.1 wicg.github.io/ScrollToTextFr… says the use cases you brought up are not enabled for privacy reasons.
@BrendanEich @pes10k @bz_moz Thanks for starting this discussion. For people watching from the comfort of their couches at home, this discussion is happening in github.com/WICG/ScrollToT….
@simevidas @firt @webkit The one could come with the other. But as you write, it’s not going to happen.
#TIL about `box-decoration-break`. It helps to define how elements should be rendered across lines. Thanks, @stefanjudis. stefanjudis.com/today-i-learne…
@csarven JavaScript-based routers make this space ultra complex to navigate (no pun intended) when one goes Web-scale.
@csarven Both can co-exist. The Scroll to Text Fragment proposal solves the issues Web Annotation brings up in w3c.github.io/web-annotation…. For some fun reading on adding stuff after the # but inadvertently breaking the dereferencability of a URL, I recommendbugs.chromium.org/p/chromium/iss…
Why <details> is not an Accordion: daverupert.com/2019/12/why-de…. Great article and a plea for modern web aware new HTML elements.
@ehsanakhgari @RickByers @david_bokan > Was the new format…
Yes. 😃
@ehsanakhgari @RickByers @david_bokan Hmm, it seems to work fine on Safari for example (the old from the bug report and the new syntax). To be clear, the new syntax would be webmd.com/skin-problems-….
@ehsanakhgari @RickByers @david_bokan Wait, but this is fixed: bugs.chromium.org/p/chromium/iss….
stoyanstefanov Web performance calendar day 13 with @anniesullie on what LCP is and how it came to be. Invaluable insight from Chrome folks on how they think about metrics calendar.perfplanet.com/2019/developin…
@philwalton @RickByers @david_bokan Based on my experiments, I don’t think it does anything useful yet. It can currently be used to feature-detect support. But @david_bokan may have a better answer. pic.twitter.com/w2ZjwtHQ9O
@philwalton @RickByers @david_bokan There will be: wicg.github.io/ScrollToTextFr….
`window.location.fragmentDirective`
@gsnedders @DanielBratell I noticed that as well and checked: his last article dev.opera.com/blog/opera-58/ is from 2019, so concluded Opera’s still the current employer. Anyway, thanks for letting me know.
@gsnedders @DanielBratell Oh 😲. The Twitter bio at least still says he’s working for Opera.
@BrendanEich @yoavweiss @chrishtr @DanielBratell @slightlylate @othermaciej @bz_moz CC: @david_bokan.
@othermaciej @BrendanEich @yoavweiss @chrishtr @DanielBratell @slightlylate @bz_moz Thanks, Maciej, we have collected this (emailing the @webkit mailing list) as part of our best practices.
@BrendanEich @yoavweiss @chrishtr @DanielBratell @slightlylate @othermaciej @bz_moz Mozilla’s is still pending: github.com/mozilla/standa….
@BrendanEich @yoavweiss @chrishtr @DanielBratell @slightlylate @othermaciej @bz_moz Apple have responded here: lists.webkit.org/pipermail/webk….
@BrendanEich See groups.google.com/a/chromium.org…:
LGTM1: @yoavweiss (Google)
LGTM2: @chrishtr (Google)
LGTM3: @DanielBratell (Opera)
LGTM4: @slightlylate (Google) pic.twitter.com/pOOIJp1pe1
🎉 The Scroll to Text Fragment proposal (wicg.github.io/ScrollToTextFr…) now has 4 LGTMs, i.e., is ready to ship! It allows you to truly deep-link into docs—even when there’s no # anchor.
Here’s a sample URL:blog.tomayac.com/2019/12/12/sam…2 ⛄️
(Test with flag pic.twitter.com/gwFB8EpEKJ
NikolasZimmerm1 I just published an article about my first large project @igalia on my blog: enabling CSS 3D transformations in @webkit SVG. I am looking forward to your comments - checkout blogs.igalia.com/nzimmermann.
I am excited :-)
@davidxcheng @ChromeDevTools @AMPhtml @jaffathecake @mathias This was my initial misreading as well, but as @jaffathecake wrote in github.com/whatwg/html/is…, it should probably say the following instead: “If the document is an HTML document, attribute names
tomayac “Same same but different: Unicode Variation Selector-16”:
👉 blog.tomayac.com/2019/12/12/sam…
A post on the difference between ⚡️ and ⚡ in which I find out about ️U+FE0F and file @ChromeDevTools and @AMPhtml feature requests. This was fun to write!
Thanks, @jaffathecake and @mathias.
@horsemankukka I’m on the latest iOS Beta, maybe that’s why it works here.
@horsemankukka @jaffathecake @KHenry @ChromiumDev @ChromeDevTools @AMPhtml @mathias That’s super weird, macOS ignores Unicode Variation Selector-15, whereas iOS and iPadOS respect it.
mark_e_davis Put together some material about the underside of emoji for programmers: — how to handle them so they work for end-users. Suggestions welcome: more examples, problems, solutions, &c.
docs.google.com/document/d/1pC…Kpic.twitter.com/m5qJ3KZViff
@jaffathecake @KHenry @ChromiumDev @ChromeDevTools @AMPhtml @mathias Confirmed, it works correctly on Android. 🤖 pic.twitter.com/RjtGMMgNee
@FakeUnicode @mathias @ChromeDevTools @AMPhtml @jaffathecake @mark_e_davis This would break my workflow xkcd.com/1172/. twitter.com/tomayac/status…
@jaffathecake @KHenry @ChromiumDev @ChromeDevTools @AMPhtml @mathias So do macOS and Windows, both snowmen render in the emoji variation (blog.tomayac.com/2019/12/12/sam…), despite me coding them as `☃︎` and `☃️` respectively.
“Same same but different: Unicode Variation Selector-16”:
👉 blog.tomayac.com/2019/12/12/sam…
A post on the difference between ⚡️ and ⚡ in which I find out about ️U+FE0F and file @ChromeDevTools and @AMPhtml feature requests. This was fun to write!@jaffathecake@mathias
Learning modern JavaScript with Tetris: medium.com/@michael.karen…. 🧱
slightlylate This sort of detailed feedback about Origin Trial APIs (you can sign up here!: developers.chrome.com/origintrials/) is critical to our learning process. Project Fugu is *all about* iteration and learning from developer needs 🐡🐡🐡 twitter.com/marcushellberg…
marcushellberg . @fractorious, following up on our discussion about the Native File System API at #ChromeDevSummit. We wrote a blog post on what we learned from experimenting with the origin trial, especially about the UX of permission popups: vaadin.com/blog/accessing…
webaxe Applying prefers-color-scheme to SVG favicons: blog.tomayac.com/2019/09/21/pre… #webdev #svg #a11y
@yoavweiss I could have sworn I have seen a crbug somewhere to improve @ChromeDevTools handling of localhost service workers from different projects. Maybe @mathias remembers?
@firt @EventLift @lombrozo @gauntface @sammachin @torgo @Rumyra The bug report in question is here: bugs.webkit.org/show_bug.cgi?i….
johnwilander Updates to ITP in today’s iOS and macOS releases including a thank you to Google researchers – all under the title “Preventing Tracking Prevention Tracking”webkit.org/blog/9661/prev…3H
ChromiumDev Chrome 79 is rolling out now! Installed PWAs on Android get support for maskable icons. The WebXR Device API has landed. Origin trials start for the Wake Lock API, and the rendersubtree attribute. And plenty more! @petele has all the details at developers.google.com/web/updates/20… pic.twitter.com/3iC0Rf2M4q
tkadlec New post: a few quick tips for how to use #BigQuery without breaking the bank. timkadlec.com/remembers/2019…
If you’re interested in the background on the better password protection feature that recently launched in Chrome, read up on this great work. ⤵️ twitter.com/aawc/status/12…
FakeUnicode Because it keeps coming up, how about a thread on Emoji in passwords. So we (and you) can link to it in the future.
Should they be allowed? For all practical purposes they can’t not be. So, yes.
Should they be heavily warned against? Yes.
But why? Well…
@mahemoff “`js
#!/usr/bin/env node
const express = require(‘express’);
const server = express();
server.all(‘/*’, (_, res) => {
res.sendFile(__dirname + ‘/index.html’);
});
const port = 8000;
server.listen(port, () => {
console.log(‘Server listenin
@uskay Definitely, and recipe pages are a great example use case for this feature. You know my email… 😂
@manucorporat @sayhello @mkruisselbrink That’s an amazing story; @fractorious, have you seen this?
@shmdhussain12 @ChromeDevTools @patmeenan I don’t know of any, but if the WebView in question is marked as debuggable (blog.tomayac.com/2019/12/09/ins…), then you can just test for yourself.
tomayac Facebook have recently marked their WebView-based In-App Browser debuggable 🧐. I have taken a close look 👀 with the @ChromeDevTools and have documented my findings.
👉 blog.tomayac.com/2019/12/09/ins…
Thanks, @patmeenan, who announced this feature. pic.twitter.com/2Al1bPG8fD
@SterbalRobert I don’t know, maybe @Facebook is A/B testing their settings? And to be clear, I was talking about the Android app, the setting doesn’t seem to exist on iOS.
Paul_Kinlan getUserMedia API can access the infrared camera on the Pixel 4.
paul.kinlan.me/pixel-4xl-infr… pic.twitter.com/OdtBFnPhU8
Not_Woods I’ve upgraded my maskable icon tool - now you can easily create new icons in the browser!
🧪
Upload and resize layers with live preview
⬛️
Try out a variety of shapes and masks
💧
Quickly share your results via the existing viewer tool
maskable.app/editor pic.twitter.com/BhMRYr6EKv
@kylealden @DotProto Still blows my mind what they pulled out of CGA: youtu.be/niKblgZupOc.
@ericlaw The next phrase is key: “That reflects the fact that advertisers pay more money for ads that can be targeted at people with specific demographics and interests”.
@manucorporat @sayhello should see this.
manucorporat Integrated with new Native File System API, and I just realized it’s the best API the web got in a long long time! We need this shipped soon everywhere!
cc @kennethrohde @Paul_Kinlan pic.twitter.com/Rxo59eh0TP
@derSchepp Nolan Lawson has written about a similar experiment: nolanlawson.com/2019/02/10/bui…. Something I noticed in your implementation when playing with it on iOS is that the whole page scrolls up when I swipe/scroll the carousel.
@ChromeDevTools @patmeenan @ChromeDevTools, is there a way to see all injected scripts other than hoping an early inserted `debugger;` will catch them and also hoping for console output to click through?
@slightlylate, if you find other things by looking blog.tomayac.com/images/example…
Facebook have recently marked their WebView-based In-App Browser debuggable 🧐. I have taken a close look 👀 with the @ChromeDevTools and have documented my findings.
👉 blog.tomayac.com/2019/12/09/ins…
Thanks, @patmeenan, who announced this feature. pic.twitter.com/2Al1bPG8fD
@mobtec Seen and preparing a response. Thanks for the pointer anyway.
@robloxdevrel Hi there 👋. You just lost me at “Download and Install @Roblox”. Any reason why I need to download a player instead of just running the game on the Web? We all know amazing games can run in the browser..wasm.continuation-labs.com/d3demo/26 pic.twitter.com/wTCFxtfbcx
💡 #TIL about Hyrum’s Law (hyrumslaw.com by @hyrumwright), well illustrated by #xkcd 1172 (xkcd.com/1172/). It was brought up by @jyasskin in the context of the Periodic Background Sync “Intent to Ship” discussion: groups.google.com/a/chromium.org…
@briankardell I can highly recommend Xubuntu: blog.tomayac.com/2018/06/25/lin…. Of course your mileage may vary depending on the model you have.
@KenjiBaheux @fractorious @denladeside @DasSurma @_developit @kennethrohde @mathias @Snugug @reillyeon I think one key question is: what “nearby” are we talking about? Within hearing range? Bluetooth range? NFC range? Seeing range?
css “Off The Main Thread” css-tricks.com/off-the-main-t… pic.twitter.com/q6nid3pEXl
@SterbalRobert It’s well hidden, but they actually let you: i-cdn.phonearena.com/images/article….
@cwiiis @codepo8 @facebook @slightlylate It’s well hidden, but they actually let you: i-cdn.phonearena.com/images/article….
@othermaciej @KenjiBaheux @tobie @dauwhe @yoavweiss @ehsanakhgari @jyasskin Native having too much power is a standpoint I fully agree with. An approach as taken in the Contact Picker API proposal (wicg.github.io/contact-api/sp…) is a step to fix this: No contin
zcorpan What is document.domain? What does it do? Why is it bad? (Thread)
umaar Using ARIA in HTML 📖️ w3c.github.io/using-aria/ - Some great guidelines here to improve your webpage accessibility. Also includes code examples + explanations to learn from ✅️ pic.twitter.com/Oj0VbLOIb3
@yoavweiss @briankardell And shameless plug: `prefers-reduced-data` would turn an HTTP header and read-only property into a media feature. The issue github.com/w3c/csswg-draf… proposes the opposite: media feature to HTTP header. Both are useful.
@bz_moz Maybe show it as a network error that can be hidden.
The new PWAbuilder.com will focus more on components and remove the iOS build path. The future directions post linked in the quoted tweet is a good read. ⤵️ twitter.com/davrous/status…
@firt @facebook @slightlylate It is the current intended behavior. Which is positive. 👍
Una 🔥This brand new post is all about dynamic color theming using CSS custom properties, HSL, and the calc() function
Learn how to recreate the lighten/darken, complement/triad, color-contrast (sort of), & mix functions using ONLY vanilla CSS
👇👇👇
una.im/css-color-them…
☝️☝️☝️ pic.twitter.com/2S87WFtDKI
@paul_irish @simevidas This might have been a case where Priority Hints could have helped. Not defending that they load stuff this way in the first place, just thinking of fighting the symptoms.
(CC: @yoavweiss)
@patmeenan This is a great move in the direction of more transparency. Thank you!
In-app browsers like @facebook’s (any WebView really) effectively are a _potential_ man-in-the-middle attack that can modify the traffic between server and client, for example, to insert tracking scripts. Great move by Facebook to make theirs inspectabl@slightlylatetwitter.com/patmeenan/stat…
FlowBrowser Sometimes JS frameworks present unexpected challenges for those implementing a new HTML browser engine. ekioh.com/devblog/fixed-…
In case you were following the built-in modules JavaScript discussion, here’s the latest stance on this by @domenic: github.com/w3ctag/design-…. The tl;dr is: “I believe that built-in modules are harmful and should not be pursued”.
@mayeedwin1 Don’t praise the messenger… 🤣
beverloo This, and new Origin Trials for Notification Triggers and support for addresses & photos in the Contact Picker. Chrome 80 will be a good release! :) twitter.com/tomayac/status…
🎉Two new Project Fugu 🐡 APIs have just received their 3rd LGTM (Looking Good To Me) seal of approval 💌 by the API owners, which means they’re ready to ship (chromium.org/blink#TOC-Poli…)!
Periodic Background Sync: groups.google.com/a/chromium.org…
Contact Pickgroups.google.com/a/chromium.org…
@Paul_Kinlan @dstaley There’s some discussion around making elements of Web App Manifest color-scheme-aware (github.com/w3c/manifest/i…), but currently your best bet _now_ is to dynamically switch `link[rel=manifest]` (and `meta[name=theme-color] and `link[rdark-mode-baseline.glitch.me
Funny how the screenshot lies about the notch and just fills it with the background pattern. It’s not magically gone of course, but barely noticeable. The original article by @hortont424’s here: webkit.org/blog/7929/desi…. Glad `env()` is being standardidrafts.csswg.org/css-env-1/
I’m using the `env(safe-are-inset-{left,right})` CSS function (developer.mozilla.org/en-US/docs/Web…) on my new old blog (blog.tomayac.com/2019/09/29/the…); and (completely biasedly) have to say: it looks gorgeous 🤩 on my notch phone 📱. Easy to implement, too: github.com/tomayac/blogcc…pic.twitter.com/QsvMOKc3pW
@kennethrohde @webkit Also adding in @jonathandavis, since we were discussing this at #ChromeDevSummit.
@kennethrohde, you might want to chime in or on subscribe yourself to bugs.webkit.org/show_bug.cgi?i…. The @webkit team is looking at Web App Manifest work.
Eramdam Damn, the new multi-line mode in @firefox 71’s console is AMAZING. It’s going to be SO convenient, and the history search is going to save my life.
Kudos to whoever contributed on this at Mozilla. developer.mozilla.org/en-US/docs/Too… pic.twitter.com/sB8LLw0VjL
@wesbos Relevant background reading: developer.mozilla.org/en-US/docs/Web….
@patrick_h_lauke @derSchepp @goetsu @dotCSS `prefers-reduced-motion` is actually a great case for the idea we brought up in github.com/w3c/csswg-draf…. Having this information exposed as a header would even allow for old browsers to send the preference via a@tabatkins
@briankardell @yoavweiss Filed github.com/autonome/inten….
CC: @dietrich @intenttoship
andreasbovens Firefox 71 is out & it’s a packed release:
🖼️ Picture-in-Picture on any video (Windows)
🏛️ Multicol column-span
📰 Subgrid
🛣️ Clip-path: path()
⚡️ WebGL Multiview
+ a ton of Devtools stuff:
📨 WebSocket Message Inspector
👀 Inline var preview
& much more
hacks.mozilla.org/2019/12/firefo…
@momenabdelkarim I can’t say anything about future plans, but we definitely see demand.
intenttoship Blink: Intent to Ship: Periodic Background Sync groups.google.com/a/chromium.org…
MSEdgeDev Improving Tracking Prevention in Microsoft Edge blogs.windows.com/msedgedev/2019…
rowan_m In-depth but accessible exploration of the upcoming #SameSite cookie 🍪 changes. You’ve only got 2 months left to fix this, so if you don’t know what I’m talking about then go read this blog. twitter.com/_panva/status/…
@mayeedwin1 @MartaW_PL Nice, thanks for sharing! I’ve built something similar when I was doing research on WebView capabilities: tomayac.github.io/pwa-feature-de…. There’s also WhatWebCanDo.today by @NOtherDev.
@nhoizey Yes, true. Check the section “Twitter cards and Open Graph” on 10:23 AM, Dec 3rd, 2019 via Twitter Web App in reply to nhoizey
cobra_winfrey with a whole lot of clip-paths, masks and box-reflect I built this generative holiday sweater pen over at @CodePen // if you want to experience the darkest dark mode go ahead and open it outside of Chrome
codepen.io/cobra_winfrey/… pic.twitter.com/89LlkiQe9E
@rick_viscomi @Twitter Thanks, it’s probably some sort of caching issue. It didn’t render locally in my logged in session at all, but it did render when I opened the tweet individually in an incognito tab.
@tibor @Twitter Yeah, it works fine on mobile for me, too, but looks borked on desktop (it seems to work in an incognito tab, though).
All that being said, you should _really_ charge your phone, your battery charge level makes me super nervous. 😂
It’s also hilarious how @Twitter manages to fsck this up on desktop, but makes it work perfectly on mobile; and in its Validator shows it should work fine universally. pic.twitter.com/mimkW6HSNY
The repetitiveness of the three formats, Open Graph Protocol, Twitter Cards, and Schema.org, still hurts… 😞 It’s 2019, and we still don’t have structured markup interoperability.
I’ve added structured markup (Facebook, Twitter, Schema.org) to my blog with actual screenshots created by Puppeteer (github.com/tomayac/blogcc…); so when you share a post like blog.tomayac.com/2019/12/01/ani…, now there should be a decent preview of what to expec
derSchepp As much as I like to talk about things, as slow I am at writing. So it almost took me 6 months to write my first ever blogpost (also after 15+ years in the business 🙈):
++ Dealing with Ads in 2020 ++
schepp.dev/posts/ad-integ…
Massive THX go to @stefanjudis for proof-reading!
@simevidas CC: @ChromeDevTools. Is there something we could do here?
bbcweather When you’re a weather presenter and your watch contradicts your forecast….😆
🔊Sound on👇 pic.twitter.com/YXojblKcIQ
@kennethrohde @_zouhir @darktears @MSEdgeDev It’s imported from your repo, just make the change and it will update when I pull the next time. I have also just sent you the Glitch invite code so you can modify the project yourself (i.e., click the “import
@rowan_m is looking for things to complain about on Twitter. Please help. ⤵️ twitter.com/rowan_m/status…
@Not_Woods Wow, this looks incredibly useful in the current state already. I’ll try this to get my new old blog blog.tomayac.com a better (or rather: an actual made for this purpose) favicon & manifest icon.
(Meta: Thought of adding the `permanen
Not_Woods Here’s a new project I’m working on: an image editor for maskable icons! It’s currently rough around the edges but ready to try out.
maskable.app/editor pic.twitter.com/sMmsFyv2vP
@rowan_m Go to the bot’s full profile, three dot menu, mute.
1/1
@mrdoob Fixed in github.com/tomayac/blogcc…. Thanks, again!
@mrdoob github.com/tomayac/blogcc… 😂 Yeah, good remark.
I was honestly surprised that the inlined SVG with the JS animation played, while the referenced via `<img>` didn’t. Need to find out if this is working as intended.
📢 New blog post! Animated SVG favicons:
👉 blog.tomayac.com/2019/12/01/ani…
Should your favicons dance 💃 like no one is watching? Probably not, but it might be useful as a progressive enhancement in certain situations. Looking forward to learning your th
@CharlieCroom @dalmaer @slightlylate Well played 👏. You all obviously know, but for others who watch this from the comfort of their couches, this feature request is tracked in github.com/WICG/contact-a….