Ricard Torres · @ricard
420 followers · 2177 posts · Server ricard.social💜 Loved this new #Fireship video about #TypeScript
I have been advocating for #JSDoc instead of going full TS for years.
#fireship #typescript #jsdoc #Frontend #JavaScript #webdevelopment
Ricard Torres · @ricard
414 followers · 2128 posts · Server ricard.social
🆕 Frontend Coffee Break 🎧
Episode 20: Is Mobile First still a thing in 2023?
Is the mobile-first mindset still relevant in the world of development?
Today we discuss the best practices and approaches for developing websites and apps for mobile devices.
#podcast #Frontend #webdevelopment
Ricard Torres · @ricard
411 followers · 2082 posts · Server ricard.socialAre there even cases were #CSS implementations of a #JavaScript :javascript: behavior where CSS performs worse than JS?
"A case study on scroll-driven animations performance"
➡️ https://developer.chrome.com/blog/scroll-animation-performance-case-study/
#css #JavaScript #Frontend #WebPerformance #webdevelopment
Ricard Torres · @ricard
407 followers · 2044 posts · Server ricard.social"How Back/forward Cache Helped Yahoo! JAPAN News Increase Revenue by 9% on Mobile"
Ricard Torres · @ricard
408 followers · 2036 posts · Server ricard.social
🆕 FE Coffee Break
In this episode Chucho and I have invited our colleague Ines Akrap, Senior Web Performance Engineer, for insights into Core Web Vitals in 2023.
Listen or watch:
#podcast #Frontend #WebPerformance
Ricard Torres · @ricard
396 followers · 2006 posts · Server ricard.social"SvelteKit in 100 seconds"
➡️ https://www.youtube.com/watch?v=H1eEFfAkIik
#JavaScript :javascript: #Svelte #Frontend #WebDevelopment
#JavaScript #svelte #Frontend #webdevelopment
Ricard Torres · @ricard
390 followers · 1980 posts · Server ricard.social
This is very nice! Look at this optional chaining proposal :javascript:
obj?.prop = value;
Which would be equivalent to:
if (obj) obj.prop = value;
I need this :blobcataww:
➡️ https://github.com/nicolo-ribaudo/proposal-optional-chaining-assignment
Ricard Torres · @ricard
388 followers · 1973 posts · Server ricard.social"A Pure CSS 3D Maze! - Chrome only"
Ricard Torres · @ricard
378 followers · 1950 posts · Server ricard.social#React VS #Svelte...10 Examples
➡️ https://www.youtube.com/watch?v=MnpuK0MK4yo
#WebDevelopment #Frontend #JavaScript :javascript:
#react #svelte #webdevelopment #Frontend #JavaScript
Ricard Torres · @ricard
375 followers · 1918 posts · Server ricard.social🎙️ The Frontend Coffee Break
Episode 17: How to work with images on the web in 2023
🎧 Both audio and video can be found here ➡️ https://frontendcoffeebreak.transistor.fm/s1/17
#podcast #webdevelopment #Frontend
Ricard Torres · @ricard
370 followers · 1865 posts · Server ricard.social"State of the CSS Community | Una Kravets | CSS Day 2023"
➡️ https://www.youtube.com/live/TVkwiUFbtyQ?feature=share
#CSS :css3: #Frontend #WebDevelopment
#css #Frontend #webdevelopment
Ricard Torres · @ricard
370 followers · 1860 posts · Server ricard.social
"Meet Safari for spatial computing"
➡️ https://developer.apple.com/videos/play/wwdc2023/10279/
#Safari :safari: #WebDevelopment #Frontend
#safari #webdevelopment #Frontend
Ricard Torres · @ricard
366 followers · 1828 posts · Server ricard.social"How to optimize web responsiveness with Interaction to Next Paint"
➡️ https://www.youtube.com/watch?v=KZ1kxzsJZ5g
#WebPerformance #Frontend #JavaScript :javascript: #WebDevelopment
#WebPerformance #Frontend #JavaScript #webdevelopment
Ricard Torres · @ricard
365 followers · 1823 posts · Server ricard.socialThoughts on not using any JS client to do #GraphQL queries?
I feel I can get by just fine by using fetch :blobfoxthinkanime:
What's your take?
#JavaScript :javascript: #Frontend
#graphql #JavaScript #Frontend
Ricard Torres · @ricard
363 followers · 1803 posts · Server ricard.socialThese reads are always interesting 👇
"300ms Faster: Reducing Wikipedia's Total Blocking Time"
"How two simple steps improved the responsiveness of Wikipedia's mobile site"
➡️ https://www.nray.dev/blog/300ms-faster-reducing-wikipedias-total-blocking-time/
Ricard Torres · @ricard
363 followers · 1781 posts · Server ricard.social"Conditional CSS with :has and :nth-last-child"
"A modern look at how to combine CSS :has, :nth-last-child, and style queries to create dynamic components."
➡️ https://ishadeed.com/article/conditional-css-has-nth-last-child/
#Frontend #CSS :css3: #WebDevelopment
#Frontend #css #webdevelopment
Ricard Torres · @ricard
363 followers · 1780 posts · Server ricard.social"VanJS (Vanilla JavaScript) - A 1.2kB Reactive UI Framework without JSX"
#JavaScript :javascript: #WebDevelopment #Frontend
#JavaScript #webdevelopment #Frontend
Ricard Torres · @ricard
362 followers · 1774 posts · Server ricard.socialThe Frontend Coffee Break
Ep. 15: Is progressive enhancement worth it?
Video ➡️ https://www.youtube.com/watch?v=juH-nXok7pw
#podcast #webdevelopment #Frontend
Ricard Torres · @ricard
346 followers · 1629 posts · Server ricard.socialFirst time hearing about WebGPU API 🤔
"What's New in WebGPU (Chrome 113)"
"WebGPU ships in Chrome with WebCodecs integration in origin trial."
➡️ https://developer.chrome.com/en/blog/new-in-webgpu-113/
➡️ https://developer.mozilla.org/en-US/docs/Web/API/WebGPU_API
#Frontend #WebDevelopment #JavaScript :javascript:
#Frontend #webdevelopment #JavaScript
Ricard Torres · @ricard
345 followers · 1624 posts · Server ricard.social
For iOS and iPadOS 16.4
"Badging for Home Screen Web Apps"
➡️ https://webkit.org/blog/14112/badging-for-home-screen-web-apps/
#iOS #webdevelopment #Frontend