pawelgrzybek

pawelgrzybek, 9 days ago to random

📝 New post

Top picks — 2024 May

https://pawelgrzybek.com/top-picks-2024-may/

After over 9 years of publishing top picks in an unchanged format, I decided to change it slightly. This edition features work by @stefan @matthiasott @kizu @bramus @deno_land @samwho and others 🫶

pawelgrzybek, 9 days ago to random

I think I found a bug in Safari. There is an issue with background-sizes defined using lh (line-height) units.

👍 Chrome
👍 Firefox
👎 Safari/Safari Technology Preview

CodePen to reproduce an issue:
https://codepen.io/pawelgrzybek/pen/ExzZOvG

I would love to participate, make the web a better place, open a bug, and help browser engineers to fix it, but I don’t know where to start. Could you point me in the right direction, lovely browser people, please?

@bramus @jensimmons @rachelandrew @pepelsbey @rachelandrew

pawelgrzybek, 13 days ago to HipHop

The absolute jazz legend. Hip-hop culture would be something absolutely different without him. By far, the most sampled jazz artist by beat producers. Bob James! Legend at NPR Tiny Desk!

https://youtu.be/MMS4JAy9z0Y

#hiphop

pawelgrzybek, 18 days ago to CSS

Could you believe there is no JavaScript involved in this popover enter and exit animations? Just a few lines of CSS!

Thanks @argyleink. I learned all of it from your recent blog post!

https://codepen.io/pawelgrzybek/pen/rNgeQKe

#css

The Popover enter and exit animation with pure CSS. No javascript.

pawelgrzybek, 28 days ago to random

After using lazygit for a few days, I am completely sold. It makes working with git really enjoyable!

https://github.com/jesseduffield/lazygit

#git

pawelgrzybek, 30 days ago to random

You really should start using modern image formats on your website. Just look at this example of a picture from one of my recent articles.

.jpg - 177kb
.webp - 28kb
.avif - 13kb

If you look at them side by side you can't tell the difference!

#performance #webperf

pawelgrzybek, 30 days ago to ai

📝 New post

"From Logitech MX Master 3S to Apple Magic Trackpad — my honest review (of the AI hype)"

https://pawelgrzybek.com/from-logitech-mx-master-3s-to-apple-magic-trackpad-my-honest-review-of-the-ai-hype/

#ai

pawelgrzybek, 1 month ago to CSS

This is absolutely nuts! Great article that I learned tons from.

#css
https://vis.social/@yuanchuan/112386578533795188

pawelgrzybek, 1 month ago to programming

Node.js 20.13 brought great improvements. My highlights:

► Watch mode is considered stable now
► The util.styleText now accepts an array of modifiers

Of course, I have articles about both of those features! I just updated both of them to reflect new announcements.

“TIL — Node v18.11.0 comes with a watch mode, so you might not need nodemon”
https://pawelgrzybek.com/til-node-v18-11-0-comes-with-a-watch-mode-so-you-might-not-need-nodemon/

“Node.js added utility for text formatting — you may not need chalk anymore”
https://pawelgrzybek.com/node-js-added-utility-for-text-formatting-you-may-not-need-chalk-anymore/

#nodejs

pawelgrzybek, 1 month ago to CSS

@bramus is on fire. Another incredible resource by this fella!

Introducing "Unleash the power of Scroll-Driven Animations"

https://developer.chrome.com/blog/scroll-driven-animations-video-course

#css

pawelgrzybek, 1 month ago to CSS

“Spicing up text with text-emphasis in CSS” by Amit Merchant

#css https://www.amitmerchant.com/spicing-up-text-with-text-emphasis-in-css/

pawelgrzybek, 1 month ago to CSS

“If View Transitions and Scroll-Driven Animations had a baby” by @bramus is so good! I am learning tons!

https://youtu.be/a6ZN9jM-1K4

Did you know you can change HTML elements between transitions, for example from h2 to h1?! This is awesome!

#css

pawelgrzybek, 1 month ago to webdev

Interesting HTML/Accessibility fact.

HTML supports 6 levels of headings. ARIA supports 9 hierarchical levels, via aria-level property.

WAI-ARIA Spec:
https://w3c.github.io/aria/#aria-level

“Tackling The Web's Oldest Problem” episode of Igalia Chats podcast by @Meyerweb and @bkardell:
https://www.igalia.com/chats/heading

#html #accessibility

bramus, 1 month ago to random

Ooh, Airbnb released a very nice page that’s using Scroll-Driven Animations.

Here’s me doing an impromptu check of it using a Chrome DevTools extension I built to help you debug these.

https://www.youtube.com/watch?v=7DtzR-dWJCQ

pawelgrzybek, 1 month ago to CSS

“Help us invent CSS Grid Level 3, aka “Masonry” layout” by @jensimmons

https://webkit.org/blog/15269/help-us-invent-masonry-layouts-for-css-grid-level-3/

…and

“An alternative proposal for CSS masonry” by @rachelandrew

https://developer.chrome.com/blog/masonry

After reading these two blog posts, I am slowly shaping up my opinions about the implementation of masonry layout in CSS. Most likely, a super long blog post is coming soon...

#css

pawelgrzybek, 1 month ago to Rap

Finally, "Like Water For Chocolate" by Common just landed in my collection. Three masterpieces next to each other!

#rap

pawelgrzybek, 1 month ago to random

GitHub awesome list idea. Maintain a list of apps without AI integration.

PS. Remove Slack from this list.

🤦‍♂️

pawelgrzybek, 1 month ago to CSS

This is what's beautiful about modern CSS. All these modern features are so powerful by themselves, but when you combine them together, you can achieve magical results. This example by @kevinpowell of CSS animations and custom properties is incredible in its simplicity! So many more to be explored.

https://youtu.be/IdxzJLQ3Mbs

#css

pawelgrzybek, 1 month ago to logitech

The software for my favourite mouse, Logitech MX Master 3S for Mac, has been updated, and now it is also an AI prompt builder! It creates the ai_overlay_tmp folder in my home directory, and there is no easy way to disable that!

FUCK 😡 This AI hype is just insane!

I am not the only one upset about it: https://512pixels.net/2024/04/ai-overlay-tmp-home-folder-mac-os/

#logitech #macos

pawelgrzybek, 1 month ago to programming

Node.js watch mode node --watch is stable in v22. Nice 🫶

Watch mode explainer:
https://pawelgrzybek.com/til-node-v18-11-0-comes-with-a-watch-mode-so-you-might-not-need-nodemon/

Node.js v22 announcement:
https://nodejs.org/en/blog/announcements/v22-release-announce#v8-update-to-124

#nodejs

pawelgrzybek, 2 months ago to RSS

RSS isn't dead — quite the opposite! The best thing you can do is curate our list and make a feed to your website easily explorable.

AI pollution on the web is a real thing, and social media platforms are full of ads and tracking scripts. YouTube is full of artificially generated videos with thumbnails with shocked faces. Even books on Amazon! Books written and illustrated by robots. Can you believe this shit is legal 🤦‍♂️

Ps. I added an link to my RSS feed at the top of my website.

#rss

matthiasott, 4 months ago to random

Please read this as what it is: anecdotal evidence. But it tells you a lot about the current status of computer science education in Germany.

My son’s teacher insists that an if statement always also needs an else.
Always.
Empty, if need be.
He wrote an empty else { }.

😐