@kdzwinel @samccone @addyosmani Mobile-friendly Test & PageSpeed Insights use diff data fetchers—former respects robots.txt, latter doesn’t.
@kdzwinel @samccone @addyosmani Nice (unintended?) side-effect. The behavior of the tool is arguably correct, albeit it’s manually launched…
Experimenting w/ pseudo-Braille pattern as skeleton content for Progressive Web Apps in loading state. (CC: @owencm) pic.twitter.com/nUiIW8f2jY
mattcutts This is brilliant. Not just why the Guardian went HTTPS, but *how*. A must read for any web person still on the fence, or trying to do it. twitter.com/gdndevelopers/…
MSEdgeDev Node-ChakraCore and VM Neutrality in Node.js blogs.windows.com/msedgedev/2016…
Sad and fascinating at the same time to watch Wikipedia edit dynamics around en.m.wikipedia.org/wiki/LaMia_Air…. See @mediagalleries’ recent tweets… twitter.com/mediagalleries…z2
wsREST it’s official: WS-REST 2017 has been accepted by @www2017Perth and will take place coming april in perth, australia! stay tuned for details!
Momentum scrolling on iOS overflow elems: css-tricks.com/snippets/css/m…. I wasn’t aware it needed to be manually activated, but makes a huge diff!
kangax DevTools soon to get inline breakpoints (multiple on 1 line)? This is kinda awesome bugs.chromium.org/p/chromium/iss… pic.twitter.com/vKjZwlKLGy
An ode to USB-C and standards-medium.com/@ageitgey/the-…Y—The 💻MBP late-2016 narrative’s actually irrelevant for the story the author’s telling.
sindresorhus `np` now features a beautiful interactive UI to guide you through publishing a new version of an npm package. github.com/sindresorhus/n… pic.twitter.com/CTkWComBZ8
BrianRoemmele Sorting algorithms illustrated.
Hypnotic:
pic.twitter.com/sbpN6Qtnip
@kdzwinel @samccone @addyosmani Did you test browsing the site w/ User-Agent set to Googlebot’s (support.google.com/webmasters/ans…)? Maybe cloaking?!
smichelleism Nobody’s dead until @WikiLiveMon notes #BreakingNews on @Wikipedia edits in over 20 languages. twitter.com/WikiLiveMon #FidelCastro
💻Productivity tip: to take screenshots on macOS to the clipboard (instead of to a file) press CONTROL+CMD+SHIFT+4 (instead of CMD+SHIFT+4).
Installing the #xkcd Development Environment™ in 3 simple steps: xkcd.com/1764/. Number 4 will make you cry. #xkcde pic.twitter.com/K4FiDFRBDC
umaar CSS Reference - cssreference.io A visual guide to the most popular CSS properties. Full of live demos, code snippets & documentation pic.twitter.com/dY4TRNvGXt
@Paul_Kinlan @aloffredo_ Good stuff, but why is it OPTIONS- and HEAD-less? Both methods I use cURL for a lot.
kdzwinel We’ve got a new fancy component - carousel. As always: library/framework free, ES6 and 60FPS. (by @mat_zimowski 🤘)
github.com/brainly/ui-com… pic.twitter.com/9AjN7unRG3
Expect to have this new API feature in Wikipedia and Wikidata Tools for Google Spreadsheets soon. twitter.com/WikiResearch/s…
🔒Upgrading to HTTPS and having mixed content issues? Check out “Content-Security-Policy: upgrade-insecure-requests”-developers.google.com/web/fundamenta…L
Yay, Firefox will support the PaymentRequest API thanks to @marcosc’s assignment: developer.mozilla.org/en-US/docs/Web…. Exciting times for PWAs. twitter.com/marcosc/status…
lukew two more @Google apps redesign w/ bottom navigation menu.
why = lukew.com/ff/entry.asp?1… pic.twitter.com/KgnoUBdZik
chrisdavidmills @zeldman @marcysutton I’m writing a new, modern a11y tutorial series to try to bring it back into the forefront: developer.mozilla.org/en-US/docs/Lea…
@FremyCompany @pbakaus Brave new world for me, but super fascinating: msdn.microsoft.com/en-us/commandl…. Will play w/ it on Parallels on my work Mac…
I learned my first HTML by “reverse-engineering” FrontPage Express 2.0—Now@MSEdgeDevv make sure people don’t accidentally “Inspect element”.twitter.com/msedgedev/stat…sDj
notwaldorf ⚡️I made a thing that helps you minimize FOUT by matching the x-height/width of your webfont and fallback font! 🎨
meowni.ca/font-style-mat… pic.twitter.com/4qQ1IDrhRV
@FremyCompany @pbakaus Was wondering if you couldn’t just start the process in the background with a trailing ‘&’? Doesn’t that work on Win?
It’s a quite complex legal topic, but there is a slight chance that @Snowden may come to Germany for a hearing (tagesschau.de/inland/bgh-nsa… 🇩🇪) twitter.com/Snowden/status…
@kdzwinel Guess it all boils down to nuances, and “tl;dr” isn’t. FWIW, it’s called “US Mobile App”, so from that angle Mobile Web = Threat!
@kdzwinel +1 to this though. Likewise surprised about the non-mention of PWA.
@kdzwinel FTW!—cf. Slide 15 “Mobile web audiences are almost 3x the size and growing 2x as fast as app audiences.”
A ton of new documentation about #HTTP added to @MozDevNet-developer.mozilla.org/en-US/docs/Web…B 👌 Thanks all contributors! (viamozilla.org/en-US/newslett…n)
The @comScore 2016 US Mobile App Report is out: comscore.com/Insights/Prese… (behind sign-in wall, but worth it). 📱🌍 tl;dr: Mobile Web FTW!
Yay, the good old 90ies <blink> is back, now in form of the value “blink” for the CSS “text-decoration” property. Up next: “marquee”? 🙏 twitter.com/umaar/status/8…
0xcda7a This question during the Browser Vendor Panel at #ChromeDevSummit youtu.be/3VV-9_dCYuM?t=… you’re my hero, random audience member 😻
jeffbcross Cool - Custom Elements in Safari technical preview (and awesome technical detail within the article) webkit.org/blog/7027/intr…
We went all the way from Vanilla.js to jQuery to React to Preact, our irony levels are up 118%, the Time to First Bite 🍔 is down 27%. twitter.com/RubenVerborgh/…
Surveillance concerns not just UK (quoted tweet) citizens. If you happen to share any connection with a suspect, you are in their drag net. twitter.com/Snowden/status…
The @opera takeover is thru newsweb.no/newsweb/search…, now the company’s DevRel team announce their departure: @brucel @andreasbovens @mathias
umaar Dev Tips: A built-in Terminal, use Git, start web servers, all within DevTools: umaar.com/dev-tips/122-d… Experimental & unofficial sneak peak pic.twitter.com/bkFIJtcXxT
Mass surveillance by the @NSAGov has never been “just” about terrorism—New@Snowdenn documents covered in new series by@theinterceptt.twitter.com/rj_gallagher/s…l
umaar DevTools Tip: A new advanced Network Filter: “is:from-cache”. Quickly find all cached resources in your network recording. In Canary pic.twitter.com/zBzIWoWbBG
Much needed article on offline UX by @Mustafa_x: developers.google.com/web/fundamenta…. Especially in PWAs’ early days user education is key! (via @sw12)
The latest @Twitter “innovation” is mutable conversations, hashtags, terms: support.twitter.com/articles/20175… 3rd party clients had this for years. 🤐
While a great Progressive Web App, @CNET’s post gets the part “Chrome’s new ‘Progressive Web App’ tech” wrong—This is more than Chrome’s! ⚠️twitter.com/ChromiumDev/st…C
@nicoerbs All presenters _knew_ non-German-speaking folks are attending. All presenters spoke English _well enough_. So why speak German? 🌍
@puf Likewise, just tempted the demo gods and eventually tamed them..twitter.com/tomayac/status…QS
.@symbioticon hackathon: find my “Intro to 🔥 @Firebase” slides at brilliant-torch-8026.firebaseapp.com/firebase.html#/ (Photo by @EmmingerDirk) pic.twitter.com/fmJr9tSgzY
umaar DevTools Tip: ⌘+⇧+O for go-to-member functionality in the editor. Works with both CSS (selectors) and JavaScript (functions) @ChromeDevTools pic.twitter.com/BFTuzmb3Rq
jbmoelker A bot adding #WebPageTest reports to GitHub PRs! @HousingEngg did you open source it? Would love me one of those!
medium.com/engineering-ho… pic.twitter.com/8tIZIUEsvg
@RubenVerborgh I think part of this is being addressed. See the linked tweet. twitter.com/tomayac/status…
@kdzwinel I guess it also depends on your indentation style. I don’t indent .then() and .catch(), so it looks less ragged.
agektmr Interested to putting Credential Management API and Payment Request API together? Check out: medium.com/dev-channel/si… #ChromeDevSummit
From life lessons to coping with current 🇺🇸 politics to sexism in the IT industry, encouraging post by @SRobTweets of 🔥 @Firebase fame. twitter.com/SRobTweets/sta…
_developit Progressive Web Apps are about to become first-class citizens on Android #ChromeDevSummit pic.twitter.com/uis1VYCF2o
habazzi Face detection API ಠ_ಠ @Paul_Kinlan #ChromeDevSummit pic.twitter.com/wQO5cdl9yz
DasSurma TIL: chrome://site-engagement/ twitter.com/slightlylate/s…
The gist of two wonderful days of #ChromeDevSummit in one wonderful tweet. Test on real and _yesteryear’s_ devices. 📱 Well put, @dalmaer! twitter.com/dalmaer/status…
As if @kdzwinel had read my mind (twitter.com/tomayac/status…): a critical CSS extractor based on @ChromeDevTools’ CSS coverage analysis. 👍🏻 twitter.com/kdzwinel/statu…
jaffathecake As promised, here are the links from my talk:
Streams streams.spec.whatwg.org
Async iterators github.com/tc39/proposal-…
..#ChromeDevSummitit
Progressive enhancement w/o Service Worker might be to use AppCache the douchebag. Fun HTA hushlittleba.by by @patrickkettner.
Good illustration of Foreign Fetch by @jaffathecake at #ChromeDevSummit: avoid duplicate caching of often used resources for font hosts etc. pic.twitter.com/kgZdxwlvkl
ericlaw Takeaways from #ChromeDevSummit: Virtually every speaker has mentioned this and “send less JavaScript.” pic.twitter.com/jRo6g8h62h
Snugug Browser storage quotas per domain #ChromeDevSummit pic.twitter.com/Kp4CPhgwwA
dalmaer NASA now has a PWA! code.nasa.gov #ChromeDevSummit
1st peek of sw-framework library by @jeffposnick at #ChromeDevSummit to unite sw-toolbox & sw-precache functionality npmjs.com/browse/keyword…
Better tooling support that warns you when you are about to 🔫 in the 👣 is greatly needed-@addyosmanii’s RfC:gist.github.com/addyosmani/2e8…Opic.twitter.com/dgsFminC9NN
Key performance points that you should be tracking for optimal website performance, useful reminder by @addyosmani. #ChromeDevSummit twitter.com/andreasbovens/…
@robertnyman Nooooo :-( But thanks for the pointer and reply.
Great set of Progressive Web App documentation resources, put together by the Opera team. twitter.com/brucel/status/…
@robertnyman Hi Robert. Where did you buy it? Somewhere close to SF Jazz Center? Tak!
MSEdgeDev Our Edge engineers are at #ChromeDevSummit again today if you want to chat! @jacobrossi @rachelnabors @auchenberg @patrickkettner
Exciting news from the @AMPhtml team, looking forward to learning the specifics. AMP cache URL “lock-in” is feedback that comes up often. twitter.com/cramforce/stat…
Live CSS coverage test for webpages. This is such a useful feature to have. Wishlist: above-the-fold coverage analysis, @ChromeDevTools 🙏🏽 twitter.com/umaar/status/7…
jonathandavis @abraham the WebKit team is looking at Service Workers. It is in fact under consideration.
Can we get @jonathandavis a big red 🚨 “I’m here” helmet? Apple are seeking the dialogue. 👍🏻 #ChromeDevSummit @webkit twitter.com/jonathandavis/…
jaffathecake youtu.be/4bZvq3nodf4 this talk by @slightlylate brilliantly shows why phones can’t use all of the CPU they have on paper.
kdzwinel Inline breakpoints in @ChromeDevTools are a killer feature. Something that I know I’ll use every day. twitter.com/elijahmanor/st…
HTTPS transparency report: google.com/transparencyre… 🔐 #ChromeDevSummit
Dark Silicon & the End of Multicore Scaling google.com/search?rlz=1CD… Paper mentioned by @slightlylate at #ChromeDevSummit—Desktop≠Mobile CPUs
Emojineer @notwaldorf shows some cool tools like polydev github.com/PolymerLabs/po… and <demo-snippet> elements.polymer-project.org/elements/iron-… #ChromeDevSummit
A proposal for using Service Workers to improve cookie management on the Web: developers.google.com/web/updates/20… 🍪 #ChromeDevSummit
Lyfts stats about the different sizes of their native iOS and Android apps vs. their Progressive Web App are mind-blowing. #ChromeDevSummit twitter.com/kdzwinel/statu…
Progressive Web App checklist launched at #ChromeDevSummit: developers.google.com/web/progressiv… twitter.com/owencm/status/…
ericlaw WebComponents toolbox beta.webcomponents.org
Browser Bug Searcher allows developers to search for bugs across all the major browser vendors: …wser-issue-tracker-search.appspot.com 🔍 #ChromeDevSummit
ChromiumDev Can’t make it to Opening Keynote of #ChromeDevSummit? 📽 We’re streaming it live now!👉developer.chrome.com/devsummit/
Tool to produce CSS gradient fallbacks for an image that resembles the original github.com/ben-eb/postcss…, inspired by csswizardry.com/2016/10/improv…
ChromeDevTools console.table(obj, [propName1, propName2]) makes for easy browsing of objects. pic.twitter.com/m1MvqYjKeV
Great collection of PaymentRequest API examples: rsolomakhin.github.io 💶💳 See the full Payment Request API spec: w3c.github.io/browser-paymen…
Tips from the App Engine team on avoiding self-inflicted DDoS attacks: cloudplatform.googleblog.com/2016/11/how-to…. Exponential back-off, jitter, retry marks.
🤦♀️🤦♂️🇺🇸
umaar DevTools Tip: Use console.time() to time your JavaScript. This works nicely with async/await + fetch() & is easy to read. @ChromeDevTools pic.twitter.com/qXf9XCTkVU
Building indexable Progressive Web Apps: webmasters.googleblog.com/2016/11/buildi…. A great collection of tips for all kinds of single page apps.
The 🇺🇸 elections are heavily reflected on Wikipedia. wikipedia-live-monitor.herokuapp.com twitter.com/mediagalleries…
ejdyksen JS console output from each candidate’s website #cleanupyourerrors pic.twitter.com/gohaeDyLgF
aemkei Here is the JavaScript code to convert country codes to emoji flags:
“CL”.replace(/./g,x=>String.fromCharCode(55356,56741+x.charCodeAt(0)))
Offline UI patterns: medium.com/@jessebeach/my…:
Freshness (last synced)
Reach[ability] (links work)
Assurance (things sync?)
👂via @nolanlawson
How to make a 3D game with CSS3 transformations: xem.github.io/articles/#css3d.
Crazy code golfing hack to (ab)use the “vertical tab” control char (U+000B) to save a space: alert(newDate) // Lost in HTML, but OK in code. twitter.com/aemkei/status/…
@pbakaus Progressive Web Amps? Typo, or genius talk title…
In case anyone was wondering, Randall Munroe of #xkcd fame is with her: xkcd.com/1756/ Don’t boo, vote! #ImWithHer @HillaryClinton
@andreasbovens FYI, the new text “Modern versions of Chrome and Opera on Windows, macOS, Linux, Android, and iOS.” has just been submitted.
MaximeEuziere Touchbar_nyancat: Stupid nyancat animation on your +$2k MacBook Pro’s Touchbar - github.com/avatsaev/touch…
You could either rewatch the 🔥 @Firebase Summit keynote, or if you’re a tl;dw person like me, just read the recap: firebase.googleblog.com/2016/11/live-f…. twitter.com/puf/status/795…
@stoyanstefanov Nice console hack, would probably be more user friendly if it used datalist: developer.mozilla.org/en-US/docs/Web….
Good reminder that the Google Search Console lets you combine property sets, e.g., when you publish @AMPhtml on a different subdomain. 🗜 twitter.com/therealwesf/st…
webperftips * {
will-change: contents;
}
webperftips window.onerror = window.close;
For that native feel.
@andreasbovens I will open a bug to get Opera added. Thanks for the pointer.
In other news, I’m on my way to San Francisco for Chrome Dev Summit! Amazing lineup of talks: developer.chrome.com/devsummit/sche…. Plus 🇺🇸 elections.
Embedding a VR view on a website like the Chrome Dev Summit one (developer.chrome.com/devsummit/loca…) has gotten super easy: developers.google.com/vr/concepts/vr… 👓 pic.twitter.com/x27bqjygSm
@Paul_Kinlan @cramforce Or, can I opt out of the AMP “contract” for now & maybe use other components on top? What after GH Issue gets fixed?
@Paul_Kinlan @cramforce I profit from @AMPhtml, despite not publishing valid AMP (github.com/ampproject/amp…). Should I also use non-AMP comps?
@datao Pour @RubenVerborgh mieux que ça soit Coke ;-)
Do Web Components like <amp-*> create walled gardens? To some extent yes, IMHO. @Paul_Kinlan raises some important questions in his post. twitter.com/Paul_Kinlan/st…
TwitterEng How we improved our real-time search technology to support diverse document types: blog.twitter.com/2016/omnisearc…
@_shengche It’s a Chrome extension ;-) chrome.google.com/webstore/detai…
According to Twitter, I really should follow both @NSAGov & @wikileaks 🤔 Also, noticed how it says “Whom to follow”? chrome.google.com/webstore/detai… pic.twitter.com/7tAMoAiHKN
Great #xkcd comic reminding us of the Old Days… I”ve fond memories of my first hard disk, still carved out of woodxkcd.com/1755/Qpic.twitter.com/7zlHyBm6yByB
New @wikidata function for the “Wikipedia and Wikidata tools for Google Spreadsheets”: WIKIDATADESCRIPTIONS ✏️ docs.google.com/spreadsheets/d… pic.twitter.com/xWBOBspYaO
umaar Perf Audits - github.com/perfs/audits/i… - Learn how to audit your own websites with DevTools. Audits include: Airbnb, Reddit, Imgur, Tumblr. pic.twitter.com/pBVNxszMD9
Whether or not you should be using a carousel is a separate question, but if you use one, check out this tutorial: mediatemple.net/blog/tips/caro….
jaffathecake Async iterators make reading streams really easy.
Already in Babel. Demo: babeljs.io/repl/#?babili=… pic.twitter.com/3TRt9adaCj
Fully agree: Flash of Unstyled Content (FOUC) with Web Fonts is Progressive Enhancement. Great post by @notwaldorf on lazy-loading fonts. twitter.com/notwaldorf/sta…
You can now use forms in your @AMPhtml pages. Read the blog post for the details and potential caveats. twitter.com/AMPhtml/status…