Category Added in a WPeMatico Campaign
I got this question the other day. My first thought is: weird question! Specificity is about selectors, and at-rules are not selectors, so… irrelevant? To prove that, we can use the same selector inside and outside of an at-rule and see if it seems to affect specificity. body { background: Read more…
The point of the element (behind a flag in Chrome Canary) is that you can preload another whole page (like ), but then have APIs to animate it to the current page. So “Single Page App”-like functionality (SPA), but natively. I think that’s pretty cool. I’m a fan of JavaScript Read more…
The most famous line of code to have come out of CSS grid so far is: grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr)); Without any media queries, that will set up a grid container that has a flexible number of columns. The columns will stretch a little, until there is enough room for Read more…
Scott Jehl: One of the most impactful things we can do to improve page performance and resilience is to load CSS in a way that does not delay page rendering. That’s because by default, browsers will load external CSS synchronously—halting all page rendering while the CSS is downloaded and parsed—both Read more…
Mike Pennisi: The web-platform-tests project is a massive suite of tests (over one million in total) which verify that software (mostly web browsers) correctly implement web technologies. It’s as important as it is ambitious: the health of the web depends on a plurality of interoperable implementations. Although Bocoup has been Read more…
React has a built-in hook called useEffect. Hooks are used in function components. The Class component comparison to useEffect are the methods componentDidMount, componentDidUpdate, and componentWillUnmount. useEffect will run when the component renders, which might be more times than you think. I feel like I’ve had this come up a Read more…
I had a little rant in me a few months ago about design systems: “Who Are Design Systems For?” My main point was that there are so many public and open source ones out there that choosing one can feel like choosing new furniture for your house. You just measure Read more…
Here’s a fascinating look at The Guardian’s design system with a step-by-step breakdown of what’s gone into it and what options are available to designers and developers. It shows us how the team treats colors, typography, layouts, and visual cues like rules and borders. I’ve been struggling to think about Read more…
Access All Areas members have a fantastic collection of hand-sketched vector elements and pre-made logo templates to download this week, courtesy of Eskimo Family. The Mystical Forest DIY Pack contains over 100 assets, from hand-sketched branches and feathers to ethnic style arrows, frames and laurels. Also included are 24 logo Read more…
This brilliant new font bundle from Design Cuts is a star buy for both beginners and design veterans. If you’re just starting out, the ability to acquire a large font library worth $2,193 for just $29 is a massive advantage. It will set you up with 16 top quality font Read more…
