Richard Huf
@richardhufFrontend dev., music lover, sci-fi novel enthusiast, retro gamer. Aren't robots cool?
Similar User
@ChantonSam
This article from @rachelandrew has a great use case for CSS Grid - breaking a banner out of it's parent container to stretch it to the edge of the screen. rachelandrew.co.uk/archives/2017/…
When considering keyboard navigation in an accessible menu, you can either rely on the browser to handle focus management via tab / shift + tab, or you can manage focus yourself, using arrow keys to provide additional meaningful interactivity. #a11y accessibility.oit.ncsu.edu/it-accessibili…
Low-code is fine, but have you checked out high-code? It’s like low-code, but you can do HEAPS more stuff..
The NewsKit Design System use a grid layout component that uses CSS grid. It creates named React sub-components for each grid area. They then have a nice tutorial for using the Grid layout component to build a responsive card. It’s a nice, clean API. newskit.co.uk/getting-starte…
This is what my 2022 sounded like on @Spotify Get your #SpotifyWrapped now! open.spotify.com/wrapped/share/…
Use CSS Variables instead of React Context, article by @kentcdodds epicreact.dev/css-variables
CSS 'gap' property's support in major browsers. caniuse.com/?search=gap That's the tweet..
I don't know whether I prefer the Australian or US spelling of words like alphabetize / alphabetise.. I just can't commit, either way..
TIL about the CSS property font-stretch. It allows you to select a condensed or expanded font variant from the family if available. It also takes a % that can be used with variable fonts. Pretty neat! MDN: developer.mozilla.org/en-US/docs/Web…
Great article on naming design and tokens by @lukasoppermann uxdesign.cc/naming-design-…
If you were starting a new, large project today, which CSS-in-JS library would you go for?
CSS gap on a flex item isn't supported in iOS Safari < 14.1. But it is supported with grid, so using @supports to detect support work, since it is supported (in grid). Interesting..
Playing with exporting design tokens from Figma and transforming them with AWS Style Dictionary so they can be consumed on different platforms. Pretty interesting so far.. amzn.github.io/style-dictiona…
“Let's Bring Spacer GIFs Back!”, an article from Josh Comeau. joshwcomeau.com/react/modern-s… via @JoshWComeau
I always have to google the syntax for nested object destructuring.. developer.mozilla.org/en-US/docs/Web…
Using Vue dynamic directive arguments to conditionally bind events to elements (demo) richardhuf.com.au/vue-dynamic-di…
United States Trends
- 1. Kendrick 648 B posts
- 2. #AskShadow 22,6 B posts
- 3. MSNBC 207 B posts
- 4. Drake 85,8 B posts
- 5. Luther 47,7 B posts
- 6. Wayne 59 B posts
- 7. Brandon Allen 1.939 posts
- 8. Daniel Jones 47,3 B posts
- 9. Kdot 7.167 posts
- 10. TV Off 40 B posts
- 11. Squabble Up 28,6 B posts
- 12. LinkedIn 41,7 B posts
- 13. Dobbs 1.901 posts
- 14. NASA 72,1 B posts
- 15. Dodger Blue 15 B posts
- 16. Reincarnated 37,6 B posts
- 17. Brock Purdy 4.423 posts
- 18. Gloria 47,7 B posts
- 19. Giants 79,3 B posts
- 20. Jack Antonoff 10,1 B posts
Who to follow
Something went wrong.
Something went wrong.