If we give a `container-name` to the root of all our unique components, we can scope styles to them with a simple @container query.
This guide serves as an introduction to learning JavaScript, covering necessary prerequisite knowledge and addressing common obstacles. It highlights JavaScript’s origins, essential concepts, and practical applications across different environments.
You can limit how far the background-image of an element applies by using background-clip. That means you can apply *different* backgrounds to, say, the padding and border.
The post discusses the drawbacks of null references in programming and introduces the Optional type as a solution, particularly in Java. The Optional type helps avoid null reference exceptions by allowing safe interaction with absent values using methods like ifPresent, ifPresentOrElse, map, and flatMap.
Now that we’re starting to see better support for @starting-style and the allow-discrete keyword, we’ve got a pretty straightforward way for defining *different* entry and exit states.
These are our recommendations for those of you early in your web developer journey. This is about tech and the real world stuff around it that you’ll need.
The most basic use case, writing a bit of text to the user’s clipboard, is mercifully easy. But there is plenty more to know. Did you know writing image data to the clipboard ONLY works with PNG?
CSS can truncate text on a single line or on multiple lines, but it always does so from the end of the text. I’ve seen a (bad) trick reversing the text direction to trim text from the front instead, but never from the middle.
Christian Heilmann wrote a package to help with this. I agree it’s a better solution particularly for file names/paths as both the beginning and ending hold more important information than the middle.
Safari is first to drop text-box in CSS, which plenty of people are excited for as it takes care of aligning text in many cases without the use of fragile magic numbers. They say:
Now you can declare which font metric you want the browser to consider the edge of the text box when calculating layout
Jason Bradberry has a wonderfully deep article and showcases one of the big use cases (non jacked up button centering).
Like Robin Rendle says:
I’m always fighting the text-box when it comes to buttons in an interface and so hopefully this property fixes all that.
This line of code is about to be in every single stylesheet.
h1, p, button {
text-box: trim-both cap alphabetic;
}Code language: CSS (css)Shoutout to Stephanie Eckles’ 12 Days of Web advent blogging this year. I found each article fresh and with good information, a real standout to me. Just one day left but of course you can read them anytime.
Imagine this simple data set:
| Norway | Denmark | Sweden | |
|---|---|---|---|
| 2004 | 5 | 4 | 13 |
| 2002 | 8 | 10 | 15 |
Pretty simple, but there is interesting stuff going on. Someone might be trying to reference an individual bit of information, but they also might be looking to compare data, or look at the rate of change of the data over time, all of which are things this data has.
The agency Ferdio created 100 visualizations of that data. Why so many? They can be used to emphasize different parts of the story being told with the data (and some are just… bad.)
Developer news, information, and advice — right to your feed reader of choice.
RSSHere's our page on guest writing. It's a win-win-win!
Frontend Masters donates to open source projects through thanks.dev and Open Collective, as well as donates to non-profits like The Last Mile, Annie Canons, and Vets Who Code.