Skip to main content


Aktualnie mało udzielam się na #SocialMedia, ale jeśli już, to w pierwszej kolejności wolę mieć treści "u siebie", a dopiero późnej "na zewnątrz".

Praktyczna realizacja tego założenia to m.in. strona osobista i blog albo zdecentralizowane sieci społecznościowe, które podobnie jak strona internetowa, mogą być self-hosted. Następnie udostępnianie danych treści dalej (#RSS, syndication, cross-posting).

Jeśli takie podejście brzmi interesująco, warto poczytać o #IndieWeb albo #Fediverse. Są to ciekawe alternatywy dla gigantów technologicznych i scentralizowanych serwisów społecznościowych, które mogą przestać istnieć za X lat (albo mogą jednostronnie zmienić reguły "gry" na dowolne, co już wielokrotnie miało miejsce w postaci aktualizacji różnych algorytmów czy zamykania danych usług).

Poza aspektem praktycznym (np. forma backupu), daje to też większą kontrolę i satysfakcję z tworzenia i budowania czegoś u siebie, zamiast u kogoś (szczególnie, jeśli komuś bliska jest idea #OpenSource lub ogólnie lubi "pomajsterkować" technologicznie w ciekawych rozwiązaniach i niekoniecznie komercyjnie).

Wiadomość zainspirowana postem Wojtka na LinkedIn.

reshared this


Damian Wajer reshared this.


Something non-designers understandably struggle with is how to make things look good. One of those things is long form content that’s well set and readable. Luckily, CSS makes this easy, you just have to know what to change. That’s exactly what we’re going to teach you in this article.

https://set.studio/some-simple-ways-to-make-content-look-good/

reshared this

in reply to Andy Bell

Lovely article, going through it step by step to make adjustments to my personal site. Thank you for providing it.

Third paragraph under Core global styles "quite” should be “quick”?

Damian Wajer reshared this.


Dayumn the recording quality of my “Lost in Translation” talk at @ParisWeb is fantastic!

https://www.paris-web.fr/2022/conferences/lost-in-translation.php
This entry was edited (1 year ago)

Damian Wajer reshared this.


Damian Wajer reshared this.


I’ve collected quite a few articles on dark mode toggles by now. It almost feels like I could write a literature review paper. 😁

Did you write (or read) an article about a dark mode implementation?

Feel free to share it below.
👇

reshared this

in reply to Matthias Ott

I wrote https://web.dev/prefers-color-scheme/, which has a section on `<dark-mode-toggle>`, an open-sourced toggle in use on sites like https://v8.dev/. You also want to check https://web.dev/user-preference-media-features-headers/ if you have a high-traffic site.
in reply to Matthias Ott

I wrote about how to use color-scheme to do a dark mode: https://sarajoy.dev/blog/color-scheme/

Edit: it also eventually became a talk: https://youtu.be/Lye56NHGtLA

This entry was edited (3 months ago)

in reply to Michelle Barker

That's very useful, thank you Michelle!
By the way: it is ctrl+shift+p on Windows.

Damian Wajer reshared this.


Scrollbar.app – a simple online tool for designing scrollbars

💫 https://changelog.com/news/QpWN


Damian Wajer reshared this.


Simple is hard.

Design and product management are both process-heavy and output-light disciplines. Practitioners crunch through a ton of learning, synthesis, and decisions to produce a simple and tidy artifact.

Non-practitioners only see the artifact, so they mistake the artifact for the work. And because it is easy to understand, it seems to them that it was simple to make - or to make changes - but the opposite is true.

#productmanagement #uxdesign #ux

Damian Wajer reshared this.

in reply to Pavel A. Samsonov

Well said! I would only add that if those non-practitioners are team members or stakeholders, they should probably see more than just the artifact. Evidencing key steps and decisions during the process goes a long way.
in reply to Taimar Teetlok

@taimar Oh, absolutely. A lot of junior practitioners try that and give up on it because nobody has taught those stakeholders how to contribute to the process constructively.

Damian Wajer reshared this.


Each time we build a field validation from scratch, accessibility doesn’t come out of the box.

↬ Sandrina Pereira breaks down what we need to take into consideration so that nobody gets stuck on an inaccessible invalid field: https://www.smashingmagazine.com/2023/02/guide-accessible-form-validation/

Damian Wajer reshared this.


Damian Wajer reshared this.


I just used a handheld supercomputer to contribute a tiny improvement to an openly available titanic compendium of human knowledge via a globe-spanning network while lying in my bed.

I was never promised this future, and I am grateful to have been a part of it.

Damian Wajer reshared this.

in reply to Eric A. Meyer

The Hitchhiker’s Guide to the Galaxy comes close, I think — and the “contains much that is apocryphal” bit seems accurate, if a bit understated.
in reply to Eric A. Meyer

... And to keep being part of it for a very long time :-)

Damian Wajer reshared this.


I've described to almost 100 people why this moment is so exciting - for social media, for Mastodon, for the fediverse, and for all of us.

This essay is the best way I've found to do it.

How do you tell the story of this moment?

https://medium.com/@davidslifka_86286/mastodon-the-movie-b2671887606e

Damian Wajer reshared this.


“Progressive enhancement doesn’t have to be more work”
Hear, hear!
https://gomakethings.com/build-things-that-work-even-when-parts-of-it-break/

reshared this


Damian Wajer reshared this.


Superb curation of Mastodon resources: https://hueyy.github.io/awesome-mastodon/

reshared this


Damian Wajer reshared this.


This entry was edited (1 year ago)

reshared this


Damian Wajer reshared this.


📝 New post! "The Web Needs a Native .visually-hidden"

The .visually-hidden/.sr-only copypasta is incredibly useful for #a11y… but I don't think it should be a copypasta any more. The web would benefit a lot from it being a web standard.
https://benmyers.dev/blog/native-visually-hidden/

reshared this


Damian Wajer reshared this.


#WordPress If you have a WordPress username at wordpress.org, you should probably update your security and add...
The NEW 2FA!!!
https://wordpress.org/support/users/profile/edit/account/
NOTE: This is a beta feature. It works fine, but if you experience any problem, please open a ticket and report it.
This entry was edited (1 year ago)

Derek P. Collins reshared this.


A pure CSS carousel without any JavaScript. The magic of #CSS and #HTML 🪄✨

Demo: https://codepen.io/jwjertzoch/pen/JjyGeRy

#WebDev

https://levelup.gitconnected.com/how-to-make-a-fully-accessible-css-only-carousel-40e8bd62032b


Damian Wajer reshared this.


In @brad_frost's "Design systems in the time of AI" this bit hits the nail on the head:

Designers and developers who think of their jobs as rectangle creators have a lot to be worried about. But in my view, designers and developers who think of their jobs as solving problems — and incidentally have to create/wield some rectangles in order to solve those problems — have less to fear.

https://bradfrost.com/blog/post/design-systems-in-the-time-of-ai/

reshared this

in reply to Richard Rutter

@andy The article, though seeming correct, is missing a key piece of information: people are stupid and people write your pay-checks.
“AI makes it crystal-clear we need to be focusing on why we create things vs what/how we create. Let’s move forward with humanity, purpose, and intention.” In the short term the hype can (and historically will) destroy livelihoods of many in the wake of satisfying investors while labeling it «progress».

Damian Wajer reshared this.


🎵
Why we stop exploring new music as we get older?

Good article boils down to the below para (has some tips at the end):

"What we think of as our 'taste' is simply a dopamine reaction arising from patterns our brain recognises which create the expectation of pleasure based on pleasures past. When we stop actively listening to new or unfamiliar music the link between the musical pattern & pleasure is severed."

https://www.abc.net.au/news/2023-02-26/why-do-we-stop-exploring-music-as-we-age/102006492

#music

Damian Wajer reshared this.


Nothing in the universe quite compares to finding a song you've never heard before, but that just, clicks with you. That gives you over all positive vibes and makes your day amazing.

Damian Wajer reshared this.


The whole idea of progressive enhancement is using the power that the web platform gives us for free — specifically, HTML, CSS and JavaScript — to provide a baseline experience for the people who visit our sites and/or apps, and then build on that where appropriate and necessary, depending on the capabilities of the technology that they are using.

These capabilities can and do vary hugely
https://andy-bell.co.uk/how-a-minimum-viable-experience-produces-a-resilient-inclusive-end-product/

Damian Wajer reshared this.

in reply to Andy Bell

great piece. Also an approach that scales. At work we’re building a Python/Flask SaaS app for clients with a progressive enhancement mindset. We’ve found that the server-side rendered, minimum viable experience is actually more than enough for a lot of the features we’ve designed so far; it’s resilient, responsive, and blazing fast. No need to add any JS overhead - yet - but if that point ever comes, we know it’s to *enhance* rather than require

Damian Wajer reshared this.


You don't have to watch the news today.

Damian Wajer reshared this.


👋 WordPress Community on Mastodon!

So happy to announce the "Toot the Word Survey"!
We, the admins of the 5 WP-related instances have joined, to learn about and improve your tooting experience!

@javiercasares @praetorverlag @simon
@nathan

Please take 2 minutes to answer our 8 questions before 5 March 2023 and tell us what you think:
https://forms.gle/a2c7BAibVPfEjXQ19

And, boost it to the last fediverse corner if you want to make Mastodon a WordPresser :wp_heart: place.

#WordPress #Mastodon #Survey
in reply to danielauener :wordpress:

@davidslifka @spreadmastodon

And happily so... my firm does a huge amount of Wordpress work, and has developed several plugins, and I think the "Venn diagram" of openweb, #Indieweb and #Mastodon developers should have gigantic overlap.

Am very encouraged by the work at Automattic at Mastodon inclusion into Jetpack, and think greater integration between WordPress and Fediverse standards is the most natural thing in the world.
in reply to danielauener :wordpress:

Quite funny to use a google form to learn about open tools like Mastodon and Wordpress.

Damian Wajer reshared this.


Wow, what a brilliant write-up by Matt Frisbie on creating a Chrome extension that steals everything: https://mattfrisbie.substack.com/p/spy-chrome-extension. 🥷 Having these attack vectors documented in the open is crucial. Prune your extensions regularly!

Damian Wajer reshared this.


I get deeply frustrated by the whole "meetings aren't real work" thing, and I needed to put out into the world why, so I could move on.

Eventually I got my thoughts together with help from Peter Drucker, Chris Argyris, Annie Duke, Jeff Bezos, Erika Hall, Mary Parker Follett, Samo Burja and Aristotle.

Just published: https://medium.com/@ElizAyer/meetings-are-the-work-9e429dde6aa3
This entry was edited (1 year ago)


Solving Webpack development server error:

> 「wds」: Error: listen EADDRINUSE: address already in use 0.0.0.0:3808

```
# Check which process is using the port
lsof -i :3808

# Terminate the process using the PID number
kill -9 PID
```

#Webpack #TIL

Dumian reshared this.


Depresja potrafi dopaść każdego, odebrać chęć do życia i wiarę by cokolwiek robić czy szukać pomocy. Jeżeli przechodzisz ciężkie chwile to pamiętaj, że możesz się do mnie odezwać w dowolny sposób. Zawsze znajdę czas na rozmowę czy pomoc na ile będę w stanie.

Fachową pomoc możesz uzyskać m.in. w następujący sposób:
• Antydepresyjny Telefon Forum Przeciw Depresji: 22 594 91 00 (śr.-czw. 17.00-19.00)
• Telefon zaufania dla osób dorosłych w kryzysie emocjonalnym: 116 123 (pon. – pt. od 14:00 – 22:00, połączenie bezpłatne)
• Centrum Wsparcia dla Osób Dorosłych w Kryzysie Psychicznym: 800 70 2222
• Telefon zaufania dla Dzieci i Młodzieży: 116 111 (czynny 7 dni w tygodniu, 24 h na dobę)
• Infolinia pomocy psychologicznej dla dzieci i młodzieży: 800 12 12 12 (czynny całą dobę, bezpłatny)
• Bezpłatny telefon wsparcia po stracie bliskich: 800 108 108 (czynny od poniedziałku do niedzieli z wyjątkiem dni świątecznych w godz. 14.00–20.00)
• Antydepresyjny Telefon Zaufania Fundacji ITAKA: 22 484 88 01


23 lutego przypada Ogólnopolski Dzień Walki z Depresją, ale cały rok warto być otwartym na przyjmowanie i udzielanie pomocy. Więcej informacji:
https://pl.wikipedia.org/wiki/Og%C3%B3lnopolski_Dzie%C5%84_Walki_z_Depresj%C4%85
https://www.gov.pl/web/wsse-gdansk/ogolnopolski-dzien-walki-z-depresja

#Depresja

reshared this


Damian Wajer reshared this.


The difference between different kinds of popovers and dialogs is important, but often misunderstood. Many people don't know what “modal” is exactly. Especially with various Open UI CG proposals progressing, knowing what's what will help to apply new web platform features usably and accessibly. This is why I'm preparing a 2023 conference talk about this and wrote a long post (as one does 😎) https://hidde.blog/dialog-modal-popover-differences/

Damian Wajer reshared this.


@andy has convinced me to change a long habit.

I almost never used em and used rem for the control it gave me.

But em for relative spacing to font-size makes perfect sense.

What was that? "Be the browser's mentor, not its micro-manager"?
Yeah, gotcha.

https://andy-bell.co.uk/my-favourite-3-lines-of-css/

reshared this

in reply to Andy Bell

once again: blown away by how gorgeous your website is. Just chef's kiss all around.

Also that flow utility has been my favorite as well. I pull it out every single time I'm teaching people about CSS and specifically when I'm teaching about the difference between component based CSS, algorithmic CSS, and scoped CSS.

It's so good
in reply to Andy Bell

I am much obliged to your precious insights.
Thanks a lot.

Damian Wajer reshared this.


Very nice summary of all the potential issues you may encounter if you use CSS viewport units (vw and vh) without caution. I love content recorded by Kevin!

https://youtu.be/veEqYQlfNx8

#css

reshared this



Damian Wajer reshared this.


“Building a lightbox with the Dialog element” by @Kilian

https://polypane.app/blog/building-a-lightbox-with-the-dialog-element/

Damian Wajer reshared this.

in reply to Manuel Matuzović

Quick question: why overflow: clip and not overflow: hidden. When would it make a difference?
in reply to Manuel Matuzović

You can still programmatically scroll inside that container, meaning that when an element that's inside the container but within the hidden area gets focus, the container would scroll it into view. Imagine someone tabbing through links inside that container or JS setting focus.
in reply to Manuel Matuzović

Because it's guaranteed to never scroll, `overflow: clip` doesn't affect child layout the way hidden/scroll/auto values do, so if you're going to be toggling between hidden and visible overflow, it's best to use clip.

However, in this case you'll be toggling between hidden and scrolling overflow, so I'd say it's logically best to use `hidden` with the new `scrollbar-gutter` property. That said, since the scroller in question is the root, which is always a flow-root container, 🤷🏻‍♀️



Damian Wajer reshared this.


Some advice to help design tools and products that are more friendly to people with ADHD (Attention Deficit Disorder)
https://uxdesign.cc/software-accessibility-for-users-with-attention-deficit-disorder-adhd-f32226e6037c

Damian Wajer reshared this.


Damian Wajer reshared this.


From the early days of my childhood, when I could see little color from one of my eyes, I recall what colorful birds looked like. I'd forgotten that fact since I lost sight in that eye as well until I started following people who frequently posts images with descriptions. There's lovely lovely, #photography on #mastodon with #altText and wonderful people who describe their #photos.

So, thank you, and more please!

#BirdsOfMastodon #Birds #Birding #Nature #NaturePhotography #accessibility

Damian Wajer reshared this.


Good point about hobbies by @brad_frost, I was struggling with this a lot (and still do a bit):
https://bradfrost.com/blog/post/hobbies-for-the-hell-of-it/

reshared this


Damian Wajer reshared this.


I wrote some thoughts about being bad at being bad at things, and learning to cut myself a bit of slack and focus on the process rather than the result. (Bonus: photo from my short-lived makeup blogging days...) https://localghost.dev/blog/painting-the-whole-beetle-an-adventure-in-learning-to-learn
This entry was edited (1 year ago)

reshared this

in reply to Sophie

Great piece. Funny that you mention piano as, at 67, I’m just learning to play and am dealing with these issues daily. I’ve found a song to learn that I love hearing over and over, even when I get it wrong. And that’s helping me persevere. I’m going to buy a book of Beatles sheet music to keep on track. Thanks for sharing what I’d be so many of us deal with.

Damian Wajer reshared this.


Let’s talk about HTML semantics! 😎

Which element should one use for icons? I know that many, including popular UI frameworks, use <i> and it can even be argued that it is kind of suitable in terms of semantics, because it is an alternative way to describe a term, e.g. a disk icon is an alternative way to communicate “save”. However, the Idiomatic *Text* element is intended for “text with different semantic meaning”: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/i

What do you use? <img>? <figure>? <span>? And why?

Damian Wajer reshared this.