slightlylate We often focus on point features when discussing the impact of browser choice. It’s helpful to zoom out and consider trend lines, particularly regarding iOS, where changing browsers doesn’t bring with it a different (potentially better) engine:
infrequently.org/2021/04/progre…
jaffathecake 📝 Profiling the Google I/O website. I took a break from looking at F1 websites, and took a look at one of Google’s newest sites.
This site really highlights the performance cost of putting everything in JavaScript.
jakearchibald.com/2021/io-site-p…
@eva_trostlos All the best! 🤗
@tfeldhaus @webkit You’re right, it’s still behind a flag as of 14.5. I’ve been using the feature on my device without any issues so far. (Related: twitter.com/tomayac/status….)
@tfeldhaus @webkit Supported since Safari Technology Preview Release 114: webkit.org/blog/11300/rel…
Lazy Loading:
- Implemented lazy iframe loading (r266976, r267187)
- Fixed lazy image load painting (r267136)
@slightlylate Ja.
@RReverser It’s not supported according to your feature detection. This on iOS 14.6 (18F5046f).
Mozilla/5.0 (iPhone; CPU iPhone OS 14_6 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.1.1 Mobile/15E148 Safari/604.1
ChromiumDev 👀 A new video in a different language - now in 🇺🇦 Ukrainian! (English subtitles included)
@RReverser gives a practical intro to WebAssembly and walks through integration of a Rust library in a Web app from beginning to the end.
youtube.com/watch?v=Es7Ab2…
@Vjeux Shh 🤫. I’m working on one. I’d be eager to test it with real images people would be interested in converting. If you want to help, email me the images and I’ll send you back the converted versions. I’ll share the app once it’s a bit mo
@jonathandavis @firt @chris_dumez Asking as someone who toggles flags a lot: Have you considered adding a “Reset to Defaults” option to “Settings > Safari > Advanced > Experimental WebKit Features”? It’s sometimes hard to know if an app will wor
webkit Learn about the new WebKit features available with the release of Safari 14.1 on macOS Big Sur, iPadOS 14.5, and iOS 14.5. It includes Flexbox gap support, date & time inputs on macOS, Paint Timing, Web Audio, MediaRecorder, WebM, WASM Threads, and more. webkit.org/blog/11648/new…
carlop54002226 Very proud to share: medium.com/leaningtech/a-…
An unique experiment mixing JavaScript, C++, TypeScript, Cheerp, LLVM.
Looking forward to any feedback!
maudnals How to prepare for third-party cookie phase-out?🍪
Responses and time for questions coming soon! #GoogleIO
🔸Talk “Preparing for a more #private web”: what’s changing, how you can prepare, 3P cookies, new APIs and more 👉 goo.gle/io-21-private-…. I’ll tweet it when it’s out!
1/2
TechThomas Award-winning websites should honor the “reduce motion” preference: bit.ly/3uWnjyf Many are affected by motion, even without an official diagnosis. Also, check out prefers-reduced-motion: bit.ly/31L5aGF pic.twitter.com/ELzZNm4PA0
@LinkofHyrule89 Absolutely, same feelings here :-)
barrd Creating `prefers-color-scheme` in SVG favicons for dark mode icons. ✔️👌
blog.tomayac.com/2019/09/21/pre…
h/t @tommcfarlin for his “things of interest threads” - My current HTML boilerplate
…And all sessions tagged “Web” reallyevents.google.com/io/program/con…gA 🤩
👉 [Talk] Enable payments on your PWA with Play Billing using the Digital Goods API: events.google.com/io/session/c76…
👉 [Talk] List your Progressive Web App in Google Play: events.google.com/io/session/a91…
👉 [AMA] Progressive Web Applications and Fugu: events.google.com/io/session/349…
👉 [Codelab & Workshop] A whirlwind tour through Project Fugu APIs: events.google.com/io/session/af6…
👉 [Meetup] Progressing Progressive Web Apps: events.google.com/io/program/con…
👉 [Meetup] Project Fugu and you: events.google.com/io/program/con…
📢 The Google I/O (#GoogleIO) schedule is live! Here’s everything relevant to the Project Fugu 🐡 and Progressive Web App crowd:
👉 [Talk] Five tips for your PWA: events.google.com/io/session/85f…
👉 [Talk] @excalidraw and Fugu: Improving core user journeevents.google.com/io/session/bb2…
🤩 Interesting, there is a PR that would bring the #WebSocketStream API (see quoted tweet ⤵️) to @deno_land: github.com/denoland/deno/….
twitter.com/ChromiumDev/st…
@blaine @slightlylate If it consulates you, I desperately want `grab()` to become a reality, too. Rick Astley cheers me up, unless Bitley ruins the fun.
@samthor Where’s the 🔥 emoji reaction button on Twitter?
@mikewest @matthewcp @paul_irish @TheRealNooshu @zachleat @mathias Thanks for the pointer to the DOM clobbering Issue, subscribed to it. Yeah, it’s definitely not something we can kill, but creating a way for opting out sounds like a reasonable thing to
@mnot @johnwilander @jyasskin See chromium.googlesource.com/chromium/src/+…. It’s based on industry tools like easylist.to/easylist/easyl….
Sites are included in the FLoC origin trial (i) if they are detected as using ads-related resources or (ii) use the FLoC API (`await document.interestCohort()`).
Case (ii) is easy to determine. Case (i), too, if you know how. @rowan_m explains the steps itwitter.com/rowan_m/status…
@passle_ Maybe @jeffposnick has anecdotes to share from the @workboxjs community!?
@JoshMarantz @Justinwillis96 @rauschma The API (under its old name) was reviewed by the @w3ctag; and in github.com/w3ctag/design-… the consensus was that the TAG “would love to see the developers start using this”. The spec is still actively being worked
@AndrewWHacks @slightlylate We offer a library that falls back to the legacy methods transparently if there’s no support: github.com/GoogleChromeLa…. Here’s the @webkit bug where I ask for the feature: bugs.webkit.org/show_bug.cgi?i…. 🤞
@matthewcp @paul_irish @TheRealNooshu @zachleat @mikewest @mathias How am I the first and so far only person to like this tweet? The entire code golf scene (that I’m definitely not part of unfortunately) should like this. 😂
@matthewcp @paul_irish @TheRealNooshu @zachleat @mikewest @mathias Raised as github.com/WICG/document-… crediting all of you.
@jyasskin @blaine @slightlylate Whaaat? Come on, @Bitly, don’t ruin the fun! This really isn’t a harmful URL, and stuff like this waters down the warning message for actually harmful URLs.
@blaine @slightlylate 🤫 Shh! It’s in the works. We call it `WindowOrWorkerGlobalScope.grab()`. Read more about it in the explainer: goo.gle/grab-explainer.
@Jan_Ainali @WikiLiveMon @wikidata It’s probably a poor consolation, but the paper is still up: research.google.com/pubs/archive/4…. And so is the source code: github.com/tomayac/wikipe….
@Jan_Ainali @WikiLiveMon Meh, yes. The code needs updating, Heroku have axed support for the long outdated Node.js version this was created for. I need to update it. Some time.
glitch In addition to a refresh of our static website and Node app starters (hello, @fastifyjs!), we’re improving our FREE static sites to support generated static sites - including brand new @reactjs + @vite_js and @eleven_ty starters. Try them out today:
glitch.com/create-project
@piccalilli_ Congratulations on making the Web less boring in an agency; an agency that is yours 😃!
@addyosmani @shadeed9 Congratulations on the book launch! 🍾
(I realized images.guide now is a redirect to web.dev. Not sure if related, I still have the PWA installed. 😃)
@schweinepriestr Oh, thank you. I was the one who asked CanIUse in a PR to change the URLs. I forgot that they left the original hash link unaltered.
Read and write files with the File System Access API (see quoted tweet ⤵️). For maximum browser compatibility, check out the browser-fs-access support library: web.dev/browser-fs-acc…. Browsers are awesome indeed. 🤩 #FileSystemAccess twitter.com/stackblitz/sta…
Another useful #TIL tidbit by @stefanjudis: the `vector-effect: non-scaling-stroke` option for SVG scaling: stefanjudis.com/today-i-learne… (Super intuitive demo, too!)
@pastak We’re experimenting with persistent access. You can turn it on in chrome://flags by flipping the “Enable persistent access to the Font Access API” flag. There also is a “select all fonts” option in the current picker. pic.twitter.com/sH9ZvL8sA2
thinktecture See how @christianliebel copies drawings from the #PWA-/#ProjectFugu-Paint clone paint.js.org to other applications and how to paste them back.🎨⬇️ #webapp thinktecture.com/pwa/making-of-…
Some insights from Google Search on the Text Fragments (web.dev/text-fragments/) feature and user perception. ⤵️ twitter.com/david_bokan/st…
@henrylim96 This is a good find, thank you!
@henrylim96 Hmmm, right. Also my other demo broke. Maybe a regression? Have you checked the WebKit bug tracker?
@henrylim96 There’s no user gesture. The operation needs to be the result of a user gesture like a click.
@samthor Yeah, it sounds reasonable, unlike the recent news.
@simevidas @stefanjudis There are client-side implementations like github.com/orling/graphem… and there was discussion around adding a `graphemeAt()` method (esdiscuss.org/topic/working-…, not sure where it went). For RegExp, the ‘u’ flag has made things bettedeveloper.mozilla.org/en-US/docs/Web…
@samthor No, but close: basecamp.com/handbook/08-be…. 😂
The `navigator.serviceWorker.controller` approach mentioned below ⤵️ is what I use in the Service Worker Detector extension: github.com/google/service… (available for many browsers, including Safari, for which it happens to be a convenient—yet still litwitter.com/jeffposnick/st…
@feross @webkit Classic. i.insider.com/50192cf1eab8ea…
There’s an early Container Queries polyfill out there made by @jon_neal: github.com/jsxtools/cqfill. Exciting times! 😆
patrickwardle 1⃣ Update to macOS 11.3, like now.
2⃣ Read about, IMHO, the worst macOS bug in recent memory (in terms of its ease of exploitability and potential impact to everyday Mac users). twitter.com/objective_see/…
@wesbos Have you seen @jorikdelaporik’s article on DataTransfer: web.dev/datatransfer/? He maintains a library (mentioned in the post), too, that may make your life easier.
@firt By now you should probably be on their payroll. Great work!
iOS 14.5 brings the new Safari 14.1 to PWAs and the Web Platform. @firt’s post provides all the details you should know. 👏 firt.dev/ios-14.5/
steveruizok This week I’m bringing perfect-freehand into @excalidraw to improve the pen tool. Pressure-sensitive digital ink is on its way! pic.twitter.com/YgTZIIFWSg
@hdv Sorry to disappoint, but this stuff happens on-device and never leaves your machine: blog.google/products/chrom….
@mkljczk @ChromiumDev That’s dedication! 👏 Happy you can finally play with it in reality!
mkljczk .@tomayac on web.dev asked us to show where and how do we use #WindowControlsOverlay. Actually, I’ve implemented the spec like half a year ago, waiting for the implementation to land in Chromium. Was I the first to use this on production? pic.twitter.com/G3vh7a65xO
@derSchepp @RReverser @UhligTobias We are talking already 😃. By the way, the spec link works again (webscreens.github.io/window-placeme…), but the explainer is currently the updated source of truth. twitter.com/tomayac/status…
😮💨 Emoji under the hood. Always good to occasionally come back to the Unicode foundations behind emoji.
(via @stefanjudis’s newsletter) tonsky.me/blog/emoji/
@github @bramus Interesting! I was aware of github.com/axe312ger/sqip (sqip art specifically), but Triangula seems to improve upon this.
@UhligTobias @RReverser Sorry for the broken link. Try the explainer instead: github.com/webscreens/win…. At the moment it’s Chromium, but the @w3ctag has been consulted: github.com/w3ctag/design-…. Looking forward to seeing the prototype. Please reach out fo
@UhligTobias @RReverser For the multiple windows, have you considered the Multi Screen Window Placement API: web.dev/multi-screen-w…? Happy to answer questions or listen to your feedback!
The Web Workers driven UI framework neo.mjs looks really interesting. Try it on desktop!
(via @RReverser) itnext.io/the-webworkers…
malyw Chrome 91 brings the full support for ECMAScript Modules ecosystem, by adding them in ServiceWorkers ✅
Just add “{type: ‘module’}” when registering SW and you don’t need bundling anymore.
Details are here: groups.google.com/a/chromium.org…
You can test on: hospodarets.com/es-modules-tes… pic.twitter.com/NV2BWasOHZ
dandenney A curated list of awesome framework-agnostic standalone web components by Uncle Dave! github.com/davatron5000/a…
sarah_edo This readme creator by @katherinecodes is so handy! I’m always copy-pasting my old repo readmes and editing, I think this will save me a ton of time and the quality will be way better. Thank you Katherine!
readme.so pic.twitter.com/bGwbl1TCNq
bashik7 I updated my dPWA (English dictionary tool) to use “window-controls-overlay”. Looks more like a native app! #WindowControlsOverlay
web.dev/window-control… pic.twitter.com/B2zAVdVPh9
pmdartus New blog post: A complete guide on shadow DOM and event propagation with interactive visualizations.
pm.dartus.fr/blog/a-complet…
This is the kind of article I wish I had before starting my journey into web components. pic.twitter.com/vUNUgKsMJr
📢 Extra, extra: PWAs are getting better every day! 📢 Extra, extra!
windowscentral.com/google-and-mic…
mspoweruser.com/microsoft-conf…
(Original article: web.dev/window-control….)
@kyleehee @ChromiumDev @jorikdelaporik It’s been up-prioritized.
ChromiumDev 📢 New PWA case study: Mainline Menswear 👔 implements PWA and sees a 55% conversion rate uplift:
👉 web.dev/mainline-mensw… 👈
Read the technical details on how they managed this conversion rate improvement 📈 in @charisTheo_dev’s and Natasha Kosoglov’s write-up!
ChromiumDev 📋 Learn how to enable the user to share data beyond the browser window in @jorikdelaporik’s article Breaking Down Barriers Using the DataTransfer API:
👉 web.dev/datatransfer/
Not sure what this about yet? Watch the video teaser: youtu.be/EYMgUhn_Zdo.
@firt I have an article on Handwriting Recognition in my queue, but meanwhile check out the Explainer: github.com/WICG/handwriti…. 🖊
@rick_viscomi Congratulations here as well! 🎈
sarah_edo 🤓 I made this tribute to how much I love the useless web. It’s hand-drawn but animated to be a rube goldberg machine with JavaScript, more precisely @greensock
codepen.io/sdras/pen/mdJR… pic.twitter.com/UrnumhzhR8
jorikdelaporik Check out my article on web.dev/datatransfer about the forgotten cross browser drag drop interactions @ChromiumDev #webdev #pwa
Chrome 91: Handwriting Recognition, WebXR Plane Detection and More: blog.chromium.org/2021/04/chrome…. Exciting release! 😃
Help users log in across affiliated sites on Chrome blog.chromium.org/2021/04/help-u…. Digital Asset Links to the rescue.
Justinwillis96 Yessssssssssssssssssssssssssssssssss. This is a HUGE step in making PWAs feel even more familiar to the average user on desktop web.dev/window-control…
@mariusclaret @ChromiumDev It’s not full degrees of freedom, but definitely more than before. The Podcasts example from the post is now possible. pic.twitter.com/OAcVEffIt2
@fzero @ChromiumDev Fond memories…
@KonstantinRouda @ChromiumDev Looks like someone is on it. 👍
@LinkofHyrule89 @ChromiumDev @discord How does it know an app is a game, and not set your status as “playing calculator.exe”? A massive allow-list?
@LinkofHyrule89 @ChromiumDev @discord I don’t think there is an API planned for this feature (but am also not familiar with the Discord Electron app in a gaming context, I purely use it as a chat app).
@LinkofHyrule89 @ChromiumDev @discord Hopefully in the future. For now, Discord neither has a web application manifest nor a service worker.
@mariusclaret @ChromiumDev The safe are insets are for the whole viewport. The title bar areas for the window controls overlay is for PWA windows.
ChromiumDev 🤠 Chuck Norris can customize PWA windows so they are round!
Everyone else can soon customize the Window Controls Overlay as outlined in @tomayac’s and Amanda Baker’s latest article:
web.dev/window-control….
Example of a search bar below as a teaser… #WindowControlsOverlayapic.twitter.com/8KaRFlJyhjhj
@pepelsbey_ @soMelanieSaid Sorry, correct link: github.com/openui/open-ui…
@pepelsbey_ @soMelanieSaid I fear this is self-inflicted, see github.com/WICG/webcompon…. Nevertheless I have filed github.com/openui/issues/… to track this.
@pepelsbey_ This was introduced in the context of bugs.chromium.org/p/chromium/iss…. See open-ui.org/components/pop… for the wider context.
(CC: @soMelanieSaid)
justinfagnani I think it’s worth reminding people about the awesomeness of tagged template literals on Lit Launch Day.
This is a huge part of why Lit is so fast: twitter.com/justinfagnani/…
rowan_m Personally excited about the github.com/DCtheTall/CHIPS 🍪 proposal for partitioned cookies, and not just for the tasty puns. This would give sites an opt-in route to still have those critical cross-site embeds, resources, APIs, services, etc. but *without* the cross-site tracking! pic.twitter.com/XTwtR08UD1
manekinekko “The Subtle Art of Being A Developer Advocate” by @manekinekko #DEVCommunity #devrel
dev.to/wassimchegham/… pic.twitter.com/AeG4xCdVfV
📢 The new Lit site is up. Catch up on the announcement video (youtube.com/watch?v=f1j7b6…) or browse the docs directly. This stuff looks good! If you’re building Web Components professionally, you want to check this out. lit.dev
@soleio @_zouhir @excalidraw, have you seen this? The chat could really be useful. Thoughts?
@buildWithLit @polymerLibrary The first viral activity of @buildWithLit can be to feature projects #builtWithLit. Irregular verbs FTW!
@jordaust _Very_ exciting place to be at right now, so much web hotness. Congratulations! 🎈
Coil Today, we are bringing Web Monetization to Samsung Internet.
Galaxy users can now enable Coil in the Samsung Browser to activate streaming micropayments to support their favorite creators, developers, publishers & platforms in real-time.
Read more: coil.com/press/press-ne… pic.twitter.com/lSp1pUENVR
twifkak I helped build the Google SXG Cache. If you publish web pages, I think it’s worth a look, regardless of what you think of the Google AMP Cache. 1/7 twifkak.com/blog/propertie…
ddprrt The tempting legibility of Comic Mono…
👉 dtinth.github.io/comic-mono-fon…
@nicobytes @ArsSteven Supported on Android (and iOS 14.5 betas by the way). twitter.com/tomayac/status…
@benschwarz @ChromiumDev Milestone. Or Monster release.
@DotProto @samthor If only had I known this in 2012: twitter.com/tomayac/status…. I have learned to rely on StackSort ever since. Working on getting it into third_party/ at Google. Will use this thread as evidence why it’s needed.
A helpful thread by @Log3overLog2 from the Google FLoC team in which he debunks some of the misconceptions people have about FLoC. No, the browser does _not_ use every. single. page. that you visit to calculate your cohort.
(Disclosure: Initially, I misutwitter.com/Log3overLog2/s…
@kennethrohde I guess they settled for the smallest common denominator as to not give other platforms an advantage. (My understanding is that network play will be allowed across platforms.)
@kennethrohde It can only be via Gamepad API (web.dev/gamepad/). I wonder if in the long term this will mean the Android apps will become wrappers of the iOS Web experience (or even vanish and set fully on PWA), or if companies maintain the differe
@ade_oshineye @doriantaylor XPointer is mightier, see, for example, the `string-range()` function: w3.org/TR/WD-xptr#str…. Additionally, Text Fragments is bound to word boundaries, whereas XPointer has letter-level accuracy. It came up, though: github.com/WICG/scroll-to…
@ade_oshineye @kevinmarks That’s what it does indeed. The extension was a test to probe user engagement that was very successful, hence we built the feature right into the browser. The part “URL ending in a pound sign (#) is generated” from the post
cramforce 🆕 Timeline
🆕 Page experience report in Search Console
⚡️Goodbye AMP badge
🔒 Signed Exchange preloading for all supported web content (Absolutely optional) twitter.com/googlesearchc/…
sw12 📢 Quick survey:
web.dev/2021-scroll-su…
🙏 Help us improve scrolling on the web.
Thanks!
@szynszyliszys @fieldintel Brilliant. Congratulations on the new role! 🎈
@lucfig @ChromiumDev No, this isn’t the objective of this feature. The core idea is to edit multiple documents in the same app. The closest to your concept would be to load different PWAs in iframes in a host PWA. Your mileage with this approach may var
@jeffposnick @patmeenan @aboodman I’m starting to like github.com/antfu/vite-plu… by @antfu7 for @vite_js. It’s an abstraction on top of @workboxjs, and doesn’t buy you in to any front-end framework (albeit Vite is of course close to @vuejs).
@edent Follow github.com/WICG/floc/issu… I guess.
@edent The team will have the best answer: github.com/WICG/floc/grap….
@edent @oedmarap @Log3overLog2 The current reality is that it’s opt-out.
@oedmarap Interested folks should follow github.com/WICG/floc/pull…. @Log3overLog2 has commented that “there isn’t a way [to opt out of FLoC apart from using the HTTP header] right now, and I agree that we should add one”.
⚠️ I’ve confirmed with Google folks that the `<meta>` tag way of opting your website out of Google’s FLoC network does _not_ work. The HTTP header approaches for the different servers mentioned in @oedmarap’s guide are currently the _only_paramdeo.com//blog/opting-y…
@Rolograaf @mousseman I guess that’s fine, but I need to check back with the Lokalschriftartenzugriffsapplikationsprogrammierschnittstellenbeschreibungsübersetzungsbeauftragten first.
@mousseman Sure. It’s only in English unfortunately. 😂 web.dev/local-fonts/.
@benmorss Probably the Mehrbildschirmfensterplatzierungsapplikationsprogrammierschnittstelle: webscreens.github.io/window-placeme….
@firt See the end of bugs.chromium.org/p/chromium/iss…. It’s a long thread.
bramusblog Identify and Extract Pseudo-Element Selectors from built-in HTML Elements using DevTools
🔗 bram.us/2021/04/15/ide…
🏷 #css #devtools #pseudo-elements #selectors pic.twitter.com/AgXdegWuCV
@tunetheweb @rick_viscomi There’s also `<wbr>` if you need to help the browser break things.
developer.mozilla.org/en-US/docs/Web…
@fgnass Hehe, the last Easter egg that I dropped. A commenter on YouTube has found Fenster 95 and Malen.
@tunetheweb @rick_viscomi There’s `hyphens: auto` in CSS, or else, the ultimate hammer, `word-break: break-all`… 🔨 developer.mozilla.org/en-US/docs/Web…lpdeveloper.mozilla.org/en-US/docs/Web…Ff
@rick_viscomi Wait until I translate the Web Almanac. 😂
ChromiumDev There always is a German word for anything. ⤵️ twitter.com/tomayac/status…
In this 🇩🇪 video, I use the Lokalschriftartenzugriffsapplikationsprogrammierschnittstelle (Local Font Access API) to explain how new browser APIs can be used as progressive enhancement & where the APIs developed in the context of Project Fugu 🐡 cyoutu.be/0qNbknHEt0Q
@_paulshen Wow, that’s great! Let me know if you need help. I’ll keep an eye on the project, really like it!
Overflow Issues In CSS: smashingmagazine.com/2021/04/css-ov…. Another great article on an annoying common problem by @shadeed9.
@_paulshen Wow, this is like Scratch but for advanced folks! For importing/exporting canvases and scripts, have you considered supporting the File System Access API (web.dev/file-system-ac…)? Shameless plug: I maintain a module that can act as a drop-in rgithub.com/GoogleChromeLa…
_paulshen I’m excited to share a preview of natto.dev, a canvas for writing and manipulating JavaScript.
It’s kinda like a JS playground, script runner, API client, JSON viewer, datavis tool, .. not sure exactly but it feels like something!
@MarcoInEnglish Herzlichen Glückwunsch zum Geburtstag! 🎁
stackblitz 🤯 Browsers are awesome! (2):
With `BarcodeDetector` you decode linear and two-dimensional (e.g. QR Code) codes directly in a browser! pic.twitter.com/wJCf6nVY2S
codepo8 Quick VS Code tip: Automatically add image width and height to images christianheilmann.com/2021/04/14/qui… pic.twitter.com/SfRz7NTsxh
lunasorcery tired: creative meme formats
wired: every meme format just being a “A is better than B” format (see: distracted boyfriend, drake, broke/woke, tired/wired, car pulling a right turn, this doesn’t/does spark joy….)
@bramus @ChromeDevTools FYI just shared this on crbug.com/1146422.
@nhoizey @yoavweiss @jaffathecake The mobile app needs to open the photo TAN app… At least now the mobile app can read the photo TAN without requiring a second device.
ricmac New @webdevhistory post 👉 1995: PHP Quietly Launches as a CGI Scripts Toolset.
If CGI scripts were the start of interactive programming on the web, then @rasmus’ PHP Tools was the natural next step. Tho it wasn’t a scripting language to begin with. #PHP webdevelopmenthistory.com/1995-php-quiet…
@yoavweiss @jaffathecake It’s like a PIN code for the credit card and a login password for the online banking.
@yoavweiss @jaffathecake It’s something something EU law. For my bank in Germany it’s a login code (separate from my actual login password) paired with an OTP that comes via SMS. But also a weird iframe that I know to trust when the form fields look l
Come for the intro, and, erm, stay for the intro. @petele presenting what’s new in Chrome 90 in style. ⤵️ twitter.com/ChromiumDev/st…
shadeed9 ✍️ New Article: Say Hello To CSS Container Queries
I wrote about CSS container queries, how they work, why to use them, with use-cases and examples. I enjoyed learning and writing about them. Happy reading!
🔗 ishadeed.com/article/say-he… pic.twitter.com/DKzSkdomgN
Why some developers are avoiding app store headaches by going Web-only: fastcompany.com/90623905/ios-w…
Thanks to @rachelandrew we now have early stage documentation over on @MozDevNet for Container Queries: developer.mozilla.org/en-US/docs/Web…. It’s a moving target, but great to have documentation already now. 👏 twitter.com/rachelandrew/s…
DasSurma 📝New blog post 🎉
Is WebAssembly magic performance pixie dust✨? Can you replace JavaScript with Wasm and things get faster?
➡️ JS to AssemblyScript
➡️ Benchmarking & Profiling
➡️ Debugging the runtime
➡️ Comparing file size
➡️ also feat Rust & C++
👇
surma.dev/things/js-to-a…
torgo Good to see this getting some coverage. Full support for inclusive naming. “The Fight Over Offensive Terms in Computing” nytimes.com/2021/04/13/tec…
@pbakaus @WebCreators If blogs overdo it with the paid content (“insane deals” I may not miss etc.), I am oftentimes tempted to unsubscribe, despite some nuggets that I might miss. So for your other question: a different financial model to make conten
@hashim_warren @jbrancha @wesbos Microsoft’s, Intel’s, Samsung’s, and Google’s effort. 😃
@rick_viscomi @christianliebel Both will ship, yes. github.com/chromium/chrom…
@derSchepp @simevidas @rob_dodson This, or anything else in github.com/paulirish/head… (via @paul_irish and @xopek59)
@christianliebel @rick_viscomi 👏 Brilliant answer. Just adding that the suggestion will silently be ignored on non-supporting browsers.
@simevidas @rob_dodson Sniff the user-agent and then return a 403 (Forbidden) response: twitter.com/tomayac/status….
@johnwilander I’d sign up (or put the RSS feed in my reader).
@justmarkup This has been fun to follow! Thanks for writing! An idea for a next project might be 100 days, 100 HTML attributes: developer.mozilla.org/en-US/docs/Web….
@wesbos Making browsers more capable in the context of Project Fugu 🐡: web.dev/tags/capabilit….
@bramus @ChromeDevTools It’s like coding against a private API, though. The internals can change without prior notice. (In practice, things have been quite stable, but worth calling out.)
@SaraSoueidan In my experience that’s caused by people choosing pure white: web.dev/prefers-color-…. Do you have examples of sites you have trouble with? (DMs are open, no public “shaming” needed.)
@HenriHelvetica @henrylim96 @diekus @davidwalshblog I agree and wasn’t saying there was a problem in general. On the “tube” sites with aggregated (user-generated) content there is of course less control, and objectionable stuff may slip, which is a
@HenriHelvetica @henrylim96 @diekus @davidwalshblog That’s my hunch, too, which brings me back to my original tweet ⤵️. Regarding ethical interests vs. technology interests: it’s always a tough choice; think defense, analytics, and yes, pr0n as wetwitter.com/tomayac/status…
@HenriHelvetica @henrylim96 @diekus @davidwalshblog I was mostly thinking of gender diversity (but other aspects would be interesting to know, too). My main question is: is the team diversity different from, say, the average team composition of a team tha
@DanShappir @HenriHelvetica @henrylim96 @diekus @HTTPArchive @davidwalshblog I know you’re joking, but just to make it very clear: I was talking about the world of software engineering when I wrote “industry”.
@samthor @denladeside Little known fun fact: The Evergreen captain was browsing Emojityper.com and then realized too late that the Chrome tab that drives the WebUSB controlled rudder got unexpectedly suspended.
@simevidas You can easily find out: github.com/GoogleChrome/l….
@buttplugio Just browsed the website and saw the Nintendo Joy-Cons “coming soon” bullet. Maybe github.com/tomayac/joy-co… is useful?! For Wiimote, there’s @KevinPicchi’s github.com/PicchiKevin/wi….
@denladeside @steveworkman A lot of companies have a tech blog to share such stories. Does Maersk? For example, at Maersk, I can’t even look at the APIs without signing up first: developer.maersk.com/apis. I found this write-up on a talk interesting: nordicapis.com/apis-at-maersk…youtu.be/AftVmX0W22Q
@HenriHelvetica @henrylim96 @diekus @HTTPArchive @davidwalshblog Very interesting interview. One additional question I would have asked is about team diversity. It’s bad in the industry in general, but I’m wondering if there it’s even worse.
@simevidas CC: @kaycebasques & @rob_dodson.
@GNUmanth @domenic +1, I hear good things about Overleaf.
Personally, I use texpad on macOS (which will come to Windows soon: texpad.com/windows) because it was one of the first to fix the LaTeX, BibTeX, LaTeX, LaTeX dance (twitter.com/tomayac/status…) a
WebReflection JS classes are *not* just sugar.
There are various details to consider, be aware of, or use, to write better, faster, and modern, code.
I hope this post clarifies at least the most obvious parts that demonstrate prototypal inheritance is not equivalent.
webreflection.medium.com/js-classes-are…
@simevidas Not yet. Here’s the test: mdn.github.io/css-examples/t… (via developer.mozilla.org/en-US/docs/Web…).
Monster Mash: A Sketch-Based Tool for Casual 3D Modeling and Animation: ai.googleblog.com/2021/04/monste…. The demo is really impressive: monstermash.zone.
@oliverturner @geoffreycrofte FWIW, here’s the waterfall of my blog, where I have implemented said splitting (and where this is a clearly over-engineered pattern), and it works just fine thanks to H/2: webpagetest.org/result/210410_… (Yes, I need to fix my cach
@oliverturner @geoffreycrofte An interesting idea for certain scenarios might be to inline the split files as data URLs. Like that you have a clear separation and no additional HTTP requests, at the expense of caching. With HTTP/2, request overhead often
New arXiv paper 📄: Accessing HID Devices on the Web With the #WebHID API: How to play the Chrome Dino Game by Jumping With a Nintendo Joy-Con Controller in One’s Pocket. 🦖 arxiv.org/abs/2104.02392. For @TheWebConf Developers Track.
@geoffreycrofte @oliverturner For small sites I wouldn’t bother with separate files, but for typical large sites (think e-commerce sites for example) or high-performance sites (think Google) with dozens of rules needed to deal with special cases or load
piccalilli_ 📣 New tutorial: “Build a fancy hover animation”
Learn how to use the power of CSS to take any collection of images and make them blend well together with a fancy interactive state.
It’s a proper fun one!
piccalil.li/tutorial/build… pic.twitter.com/6kIYJrUfuc
@DuckDuckGo In case anyone is interested in how FLoC block works, here’s @kdzwinel’s commit: github.com/duckduckgo/duc….
@igarshmyb @w3ctag There are plenty of implementations for Node.js and the browser: npmjs.com/search?q=keywo….
@_boraturan As a Web developer, I would say: yes, this is a good thing. It’s slightly tongue in cheek of course calling this “Get the Android App”, but I like it.
Looks like we’re getting closer to being able to obtain UUIDs directly from a Web platform API:
“`js
const uuid = crypto.randomUUID();
// “52e6953d-edbe-4953-be2e-65ed3836b2f0”
“`
The @w3ctag review was just kicked off: github.com/w3ctag/design-….
agektmr Want to build a biometric authentication UX with WebAuthn? Try it here
webauthn-codelab.glitch.me
You can learn how to build it in a codelab goo.gle/WebAuthnReauth…
It’s now a YouTube content (in Japanese, but with English caption)
youtube.com/watch?v=8ren54… pic.twitter.com/PcB57kFtJA
“Get the Android App” button installs the PWA. That’s next level. I love ♥️ it! ⤵️ twitter.com/steren/status/…
@DotProto Virtual hug 🫂. Wishing you strength!
@hashseed @TimvdLippe @kennethrohde @TheNix @RasmusHjulskov This reminds me of a recent issue I had: while debugging step-by-step a `showOpenFilePicker()` operation, my user gesture expired (yeah, I’m a slow debugger). Maybe make the grace period infinibugs.chromium.org/p/chromium/iss…
@kennethrohde @_zouhir Mini apps (web.dev/mini-apps/) commonly have a way to detect when the user took a screenshot, e.g., here’s WeChat’s: developers.weixin.qq.com/miniprogram/en…. I haven’t looked at the callback parameter, not sure if it allows the mini app
@simevidas `:parent(levels)` where levels would default to one and let me determine the number of levels I want to go up in the DOM tree.
@bremen_lbb @w3c Yes, there are differences: web.dev/mini-app-about/.
Attending the 1st CJK Meeting on Mini Apps happening at the @w3c today. The slides of the meeting are available online: w3.org/2021/03/miniap…. For an introduction to the topic, the organizers recommend (w3.org/2021/03/miniap…) my series on mini apps (web.dev/mini-apps/
TomerAberbach Another package! `limit-concur`
Limit an async function’s concurrency with ease! Less than 400 bytes!!!
github.com/TomerAberbach/… pic.twitter.com/IrqBEK5eV7
@reillyeon Burn 🔥.
Oh, neat, my little app Wikipedia Around 📍(wikipedia-around.glitch.me) that was built for a PWA programming course with Palestinian developers is featured in Glitch’s blog post. ⤵️ twitter.com/glitch/status/…