CAS Front End Engineering @ OST
Rapperswil-Jona, Schweiz
Joined May 2016
- Tweets5.1K
- Following113
- Followers143
- Likes164
Das war der Frontend Best Practices 2023 Frühjahrs-Event. linkedin.com/feed/update/urn…
CAS_FEE@OST retweeted
I recently discovered the magic `//^?` comment in @typescript playground. It automatically shows the resolved type of the line above it.
Great for live testing: write all your test cases, and see results as you type!
#TypeScript
CAS_FEE@OST retweeted
If you frequently experiment with the HTTP Permissions-Policy header to test browser features, we've got a solution for you!
Our new prototype allows you to override the header locally, making your experiments even quicker.
Ready to try it out? 👉🏼 github.com/ChromeDevTools/rf…
CAS_FEE@OST retweeted
Next version of @preactjs DevTools will display which exact hook caused a component to update. Previously it would just display "Hooks changed" and not say which of them did.
CAS_FEE@OST retweeted
Fixing CSS doesn't have to be hard!
We're looking at the Styles pane in this #DevToolsTips to discover the root of CSS issues such as overridden, grayed out, and shorthand properties.
Watch the video → goo.gle/3ILwPgJ
CAS_FEE@OST retweeted
Worried about fetch and JSON.parse returning any?
Drop these lines of code into any module and they'll return unknown across your entire project instead.
CAS_FEE@OST retweeted
Look at that greeeen! CSS size container queries are supported in all stable browsers 😍
Learn about it: ishadeed.com/article/say-hel…
Or check the demos in my lab: lab.ishadeed.com/container-q…
CAS_FEE@OST retweeted
CSS is getting more advanced every day:
- More powerful selectors
- Logical property values everywhere
- Container queries
- Preference queries
- More dynamic functions
✊ Join the revolution. Reduce your script payload by taking advantage of logical, modern CSS ✊
CSS has come a long way, but it still doesn’t get the attention JavaScript does. @klintron explains why you might want to give CSS another look. github.com/readme/featured/c…
CAS_FEE@OST retweeted
Web Push und Badging in iOS 16.4 Beta 1: Mega-Update für Progressive Web Apps heise.de/blog/Web-Push-und-B… #PWA #WebPush
CAS_FEE@OST retweeted
Chrome 111 beta is here. Features include new CSS color types and spaces, CSS trigonometric functions, and the View Transitions API.
developer.chrome.com/blog/ch…
CAS_FEE@OST retweeted
Storybook has long offered built-in TypeScript support. However, stories were not strongly typed.
You got great autocomplete features in story files, but no warnings about missing args.
Storybook 7 fixes that by combining CSF3 & TS satisfies operator »
storybook.js.org/blog/improv…
CAS_FEE@OST retweeted
Interop 2023: continuing to improve the web for developers: bit.ly/3JtslfD
All major browser vendors and other stakeholders are again working together to solve the top browser compatibility issues
CAS_FEE@OST retweeted
Replay.io React Event Timelines shipped today 🚀
Event Timelines are like Redux DevTools for React events. You can now pause at any onClick and inspect the component's props and state.
CAS_FEE@OST retweeted
10 powerful ways to use CSS variables
1. tokens
2. house props
3. adaptive props
4. pseudo-private props
5. partial props
6. mixin props
7. swappy props
8. style query props
9. meta lang props
10. typed props.
Oh my! Read all about em here
nerdy.dev/custom-prop-catego…
ALT :root { --size-1: 1rem; --size-2: 1.25rem; --blue-1: hsl(200 50% 50%); --blue-2: hsl(200 50% 60%); --gray-0: hsl(none none 90%); --gray-1: hsl(none none 10%); }
ALT :root { --text: var(--gray-0); } @media (prefers-color-scheme: dark) { :root { --text: var(--gray-10); } }
ALT .button__1qipc2y2 { --_1qipc2y0: #4263eb; --_1qipc2y1: #edf2ff; background-color: var(--_1qipc2y0); color: var(--_1qipc2y1); } .button__1qipc2y2:active { --_1qipc2y0: #3b5bdb; --_1qipc2y1: white; }
ALT .house-button { --_hover: 0; &:hover { --_hover: 1; } }
CAS_FEE@OST retweeted
TypeScript 5.0 Beta is now out to try! 🚀
Now with ES decorators, better modes for modules in Node & bundlers, new inference tools for library authors, JSDoc support - and last but not least, some great speed and size improvements!
devblogs.microsoft.com/types…
CAS_FEE@OST retweeted
There are hundreds of ways to optimize web performance but which ones would actually be most effective?
🎯 Discover our top recommendations for improving Core Web Vitals in 2023
We think these are the biggest opportunities everyone should be looking at👇
web.dev/top-cwv-2023/
CAS_FEE@OST retweeted
Schadcode-Lücke in JsonWebToken-Bibliothek bedroht 22.000 Software-Projekte heise.de/news/Schadcode-Luec… #Json #JsonWebToken
CAS_FEE@OST retweeted
Just switched a project from plain fetch to ky.
I really like the result. 🔥
✅ MUCH less code
✅ Treats non-2xx status codes as errors (don't have to manually check response.ok 😀)
✅ Specify request timeout and retries with one line of code
More: github.com/sindresorhus/ky
CAS_FEE@OST retweeted
⌨️ In case you missed it last week:
▶️ Watch @DavidKPiano and @farzad_yz livestream building a command palette using the Stately Studio and XState.
youtube.com/watch?v=25zL7hUO…
