Editor's Pick
React Handbook - Modern approaches to architecture and feature development for production-ready React apps
The docs will help you learn React, but the React Handbook will help you learn the ecosystem.
There's a lot of great content/advice out there and we want to centralize it. The flexibility of React forces us to make so many choices as engineers/architects - and that's precisely why there's a need for a guide like this.
The recommendations here are opinionated purposefully. You can implement only what you see fit for your project and team. The baggage that comes with being the most popular UI framework in the world - is that there is a ton of low-quality learning content on the internet. We want to make the good content easy to find.
Accessibility
Scrollbars are becoming a problem
Scrollbars. Ever heard of them? They’re pretty cool. Click and drag on a scrollbar and you can move content around in a scrollable content pane. I love that shit. Every day I am scrolling on my computer, all day long. But the scrollbars are getting smaller and this is increasingly becoming a problem. I would show you screenshots but they’re so small that even screenshotting them is hard to do. And people keep making them even smaller, hiding them away, its like they don’t want you to scroll! “Ah”, they say, “that’s what the scroll wheel is for”. My friend, not everyone can use a scroll wheel or a swipe up touch screen. And me, a happy scroll-wheeler, even I would like to quickly jump around some time.
CSS
CSS Findings From Photoshop Web Version
A few weeks ago, Adobe released a web version of Photoshop that is built with the web technologies like WebAssembly, web components, P3 colors, and a lot more. I thought it would be interesting to see how the CSS was written for such a massive app like Photoshop.
A Single Div
This is a fun, little project to see how much can be accomplished with CSS. Every drawing consists of a single HTML element (in this case, the beloved div).
Beer CSS - Build material design in record time, without stress for devs
- The first CSS framework based on Material Design 3.
- 10x smaller than others CSS frameworks based on Material Design.
- Translates Material Design to HTML semantic standard.
- Ready to use with any JS framework.
- Highly focused on DX.
Natural Gradients in CSS
I want to talk about two cheap and relatively simple changes you can add to your CSS to make gradients look much better: easing linear gradients and colour spaces.
HTML
HTML Standard, Edition for Web Developers
The focus of this specification is readability and ease of access. Unlike the full HTML Standard, this "developer's edition" removes information that only browser vendors need know. It is automatically produced from the full specification by our build tooling, and thus always in sync with the latest developments in HTML.
JavaScript
gluestack - Universal Themed & Unstyled Components For React Native, Next.js, Expo & React
gluestack-ui is a universal UI library that provides themed and unstyled components. These components are designed for easy integration into applications developed with React, React Native, Next.js and Expo.
js13kGames 2023 winners
The twelfth annual js13kGames coding competition, challenging participants to create games in 13kB or less of JavaScript in a month, just wrapped up. This post highlights the top thirteen entries.
Experience in any JavaScript framework applies to every JavaScript framework
Recruiters (and developers/managers interviewing other developers), please broaden your job descriptions.
React Handbook - Modern approaches to architecture and feature development for production-ready React apps
The docs will help you learn React, but the React Handbook will help you learn the ecosystem.
There's a lot of great content/advice out there and we want to centralize it. The flexibility of React forces us to make so many choices as engineers/architects - and that's precisely why there's a need for a guide like this.
The recommendations here are opinionated purposefully. You can implement only what you see fit for your project and team. The baggage that comes with being the most popular UI framework in the world - is that there is a ton of low-quality learning content on the internet. We want to make the good content easy to find.
Miscellaneous
Font.Skin - shaders meet fonts
When you get bored with CSS text effects, you move on to GPU text effects.
I Went Above And Beyond To Get The Frontend Job I Wanted But It Didn’t Work
I was very interested in a job position in Europe that came with visa sponsorship. While browsing the company’s website, I noticed their sleek CSS animations. However, one diagram stood out because it was static. Seeing this, an idea struck me. They were on the hunt for a Frontend developer. Why not showcase my skills by transforming this static image into HTML elements with polished CSS3 animations?
I even went the extra mile by creating a video on YouTube to showcase my entire process. However, despite my efforts, I didn’t secure the position. The feedback I received was rather generic, stating, “[…]we don’t think there’s a good fit for the position you applied for”.