Top picks — 2021 September
source link: https://pawelgrzybek.com/top-picks-2021-september/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Top picks — 2021 September
Published: 2021.09.30 | 2 minutes read
An Introduction to JQ #
The jq
command-line utility is a defacto solution for querying JSON data. It is lightweight, fast, available for all operating systems and pretty easy to use. This guide by Adam Gordon Bell is a good cheat sheet for using it.
An update to how we generate web page titles #
Does Google “break the Web” again by changing the way how page titles are generated? Is it a good or a bad change in your opinion? I have to admit that I am not a big fan of ignoring the title
tag, but I am a big fan of emphasising the HTML h1
tag. Mixed feelings 🤷♂️
htmlq #
Like jq, but for HTML, I see more Rust-based projects that have recently blown my mind.
The Future of CSS: Cascade Layers (CSS @layer) #
Braum published a great primer to the CSS Cascade Layers. The New CSS feature lead by Miriam Suzane will improve how we deal with CSS order, specificity, context, etc. I love to see this kind of addition being worked on.
Designing Beautiful Shadows in CSS #
If you think you know everything about CSS box-shadow, give this one a go. It is an excellent, interactive post that goes into depth of life-like looking shadows by Joshw Comeau.
Mastering Serverless Application Observability #
This course on Serverless Observability by Julian Wood is a top resource for everyone new to the world of micro-services. From the basic introduction of core observability pillars (metrics, logs and tracing) up to the advanced concepts of monitoring. Well spent one hour of your time.
Proposal for CSS @when #
Another crazy cool announcement from Miriam about the CSS when proposal. How cool!
/* instead of doing 😭 */
@media (min-width: 600px) {
font-size: 2rem;
}
@media (max-width: 599px) {
font-size: 1rem;
}
/* we will be able to do 😊 */
@when media(min-width: 600px) {
font-size: 2rem;
}
@else {
font-size: 1rem;
}
ct.css – Let’s take a look inside your#
Even if you have t do it just once, please smash this snippet into your website and check for potential issues in your HTMLtag. As always, top work done by Harry Roberts.
If you liked this article, you can buy me a coffee and share it on Twitter.
What'ya think?
👆 you can use Markdown here
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK