João Gomes (@Nocktu) header
João Gomes (@Nocktu) profile picture

João Gomes

@Nocktu

I like to build stuff

 Leiria, Portugal
Joined November 2011
  • Tweets176
  • Following649
  • Followers116
5Media
Photo by João Gomes (@Nocktu)Photo by João Gomes (@Nocktu)Photo by João Gomes (@Nocktu)Photo by João Gomes (@Nocktu)Photo by João Gomes (@Nocktu)
I’m attending JSNation portal.gitnation.org/badges/… #jsnation
1
99
João Gomes retweeted
Angular (@angular) profile picture
Angular
@angular9 Feb 2022
Angular's compiler is part of what makes Angular special. 💓 Check out this new post by @synalx that takes us behind the scenes of the Angular Compiler 👇🏽 goo.gle/how-the-angular-comp…
53
1
173
João Gomes retweeted
Addy Osmani (@addyosmani) profile picture
Addy Osmani
@addyosmani12 Feb 2022
*Must read* for web developers: how modern browsers work by @kosamari 1️⃣ bit.ly/browsers-pt1 2️⃣ bit.ly/browsers-pt2 3️⃣ bit.ly/browsers-pt3 4️⃣ bit.ly/browsers-pt4 and browser.engineering by @BrowserBook
A website usually uses external resources like images, CSS, and JavaScript. Those files need to be loaded from network or cache. The main thread could request them one by one as they find them while parsing to build a DOM, but in order to speed up, "preload scanner" is run concurrently. If there are things like <img> or <link> in the HTML document, preload scanner peeks at tokens generated by HTML parser and sends requests to the network thread in the browser process.

ALT A website usually uses external resources like images, CSS, and JavaScript. Those files need to be loaded from network or cache. The main thread could request them one by one as they find them while parsing to build a DOM, but in order to speed up, "preload scanner" is run concurrently. If there are things like <img> or <link> in the HTML document, preload scanner peeks at tokens generated by HTML parser and sends requests to the network thread in the browser process.

24
1,084
38
3,829
João Gomes retweeted
Addy Osmani (@addyosmani) profile picture
Addy Osmani
@addyosmani1 Jan 2022
Accessibility tip: DevTools can suggest & apply more accessible colors for low color contrast text. Keep finding this helpful.

DevTools provides color suggestions for low color contrast text.

Here, "learn more" has low contrast text. To fix it, open the color picker in the Styles pane. After you expand the Contrast ratio section, DevTools has AA and AAA color suggestions. Click to apply

5
159
4
759
My talk "But... You're not Facebook" is finally uploaded in an okay quality! I'd appreciate if you watch it and RT 🙌 Warning: too many f-bombs 💣🧨💣🧨 youtube.com/watch?v=VKiCjqO4…
Infobip Shift 2021: But... You're Not Facebook - Kitze (Sizzy)

Infobip Shift 2021: But... You're Not Facebook - Kitze (Sizzy)

Get your tickets for Infobip Shift 2023 at https://shift.infobip.co...

youtube.com
9
24
10
154
Accessibility (a11y) matters! Inspired by @michalmalewicz I'm making a thread of simple, daily accessibility tips. I'll add one tip daily for 16 days. 16 days, 16 tweets, let's get started 🔥💪
1
4
1
17
Yet another proof that Playwright model is superior: I needed to simulate WebSocket disconnection in my e2e tests. I don't want to mock WS, Chromium DevTools can't simulate offline on WS. Since I am in Node, I just stopped the server and tested disconnect and reconnect logic.
1
1
9
Here is a collection of visual JavaScript tips and explanations that can help JavaScript developers of any skill level! 🧵👇🏻
50
326
21
1,369
For those who've missed it yesterday, note that I've published my in-depth article about Angular 12: javascript.plainenglish.io/a… #learntocode #javascript #frontend
An In-Depth Look at Angular 12

An In-Depth Look at Angular 12

Angular 12 has just been released. Time to discover what’s new!

javascript.plainenglish.io
5
60
4
165
I cannot recommend highly enough "Complete Intro to Containers" from @holtbt that's available on @FrontendMasters 🙌
2
3
13
João Gomes retweeted
EJ Mason (@codeability) profile picture
EJ Mason@codeability28 Apr 2021
Much of my energy is going toward actively looking for work, but I'd like to say something really quick: If web accessibility is part of your product goals, and you don't have a strategy to make accessibility *everyone's* job, you are going to encounter catastrophic problems.🧵
2
20
4
115
I didn't know Chrome Devtools had the ability to see unused JS! That's really cool. This article has some things you may know, some you may not, nice resource: blog.asayer.io/15-devtool-se…
Find unused JavaScript Chrome’s Coverage panel allows you to quickly locate JavaScript (and CSS) code that has — and has not — been used. To start, open Coverage from the More tools sub-menu in the DevTools menu. Reload the page and the panel will show the percentage of unused code with a bar chart: Chrome code coverage image. Click any JavaScript file and unused code is highlighted with a red bar in the line number gutter.

ALT Find unused JavaScript Chrome’s Coverage panel allows you to quickly locate JavaScript (and CSS) code that has — and has not — been used. To start, open Coverage from the More tools sub-menu in the DevTools menu. Reload the page and the panel will show the percentage of unused code with a bar chart: Chrome code coverage image. Click any JavaScript file and unused code is highlighted with a red bar in the line number gutter.

19
309
9
1,472
Must read on managing state from @kentcdodds. Also, a smooth introduction to state machines. kentcdodds.com/blog/stop-usi…
8
1
27
Interesting insight from Netflix guys about swapping their backend API of the android app #Netflix #javascript #android netflixtechblog.com/seamless…
Seamlessly Swapping the API backend of the Netflix Android app

Seamlessly Swapping the API backend of the Netflix Android app

How we migrated our Android endpoints out of a monolith into a new microservice

netflixtechblog.com
2
1
Great talk from @ManfredSteyer about micro front ends and monorepos. open.spotify.com/episode/0Ft…
Episode 99: So You Wanna Use MonoRepos and Micro FrontEnds in Your Enterprise Architecture? - with...

Episode 99: So You Wanna Use MonoRepos and Micro FrontEnds in Your Enterprise Architecture? - with...

Web Rush · Episode

open.spotify.com
dev.to/mpodlasin/my-thoughts…
My thoughts on endless battle of React state management libraries (setState/useState vs Redux vs...

My thoughts on endless battle of React state management libraries (setState/useState vs Redux vs...

This, in contrast to my previous pieces, will be a more opinion based article. So, dear reader, treat...

dev.to
1
5
1
33
João Gomes retweeted
Tomek Sułkowski (@sulco) profile picture
Tomek Sułkowski
@sulco13 Aug 2020
#CSS tip for today: `font-variant-numeric` and `font-feature-setting` CSS properties allow to activate same-width numbers for a font. Use them to make your counters less jumpy, and values nicely aligned.
23
452
22
2,088
Storybook 6.0 is here! 🥳 We retooled @storybookjs for professional devs: 💎 Zero config setup 🧬 Next-gen story format 🎛 Live edit components 🌐 Combine Storybooks 📚 Documentation overhaul 👉 medium.com/storybookjs/story…
21
310
32
958
#Microfrontends can be managed with 💠 multiple repos or with 🔶 monorepos. I’ve seen both. However, both come with very different consequences (Thread 👇)
3
30
4
86
João Gomes retweeted
Rob Palmer (@robpalmer2) profile picture
Rob Palmer@robpalmer221 Jul 2020
ECMAScript excitement 😉 Today TC39 advanced these features to Stage-4 🎉 - Intl.ListFormat - Intl.DateTimeFormat: dateStyle & timeStyle - Logical Assignment (&&= ||= ??=) - Numeric Separators (1_000) - Promise.any & AggregateError - WeakRefs & FinalizationRegistry
17
329
15
1,013
Load more