Damian Wajer reshared this.
https://set.studio/some-simple-ways-to-make-content-look-good/
reshared this
Damian Wajer reshared this.
https://www.paris-web.fr/2022/conferences/lost-in-translation.php
Lost in Translation
Bad accessibility is often not caused by the things we see in a page, but by those we don't see.Paris Web
Damian Wajer reshared this.
Damian Wajer reshared this.
Did you write (or read) an article about a dark mode implementation?
Feel free to share it below.
👇
reshared this
prefers-color-scheme: Hello darkness, my old friend
Many devices now support an operating system wide dark mode or dark theme experience. This post explains how dark mode can be supported on web pages, lists best practices, and introduces a custom element named dark-mode-toggle that allows web develop…web.dev
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
Do you know color-scheme?
It will certainly look familiar, as prefers-color-scheme has been around for longer and is clearly related.sarajoy.dev
Damian Wajer reshared this.
CSS { In Real Life } | Creating VS Code Snippets to Speed Up Workflow
Tips, tricks and tutorials on the web’s most beautiful language.CSS { In Real Life } | Creating VS Code Snippets to Speed Up Workflow
reshared this
By the way: it is ctrl+shift+p on Windows.
Damian Wajer reshared this.
💫 https://changelog.com/news/QpWN
Scrollbar.app – a simple online tool for designing scrollbars
A cool microsite by Henri Parviainen that helps you design some scrollbars by pointing-and-clicking then copy/paste the requisite CSS code to recreate in your app.Changelog
Damian Wajer reshared this.
am I doing UX right? 🤔
🐦🔗: https://twitter.com/florinpop1705/status/1616873924213473283
Damian Wajer reshared this.
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 likes this.
Damian Wajer reshared this.
Damian Wajer reshared this.
↬ 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/
A Guide To Accessible Form Validation — Smashing Magazine
Each time we build a field validation from scratch, accessibility doesn’t come out of the box. In this guide, Sandrina breaks down what we need to take into consideration, so that nobody gets stuck on an inaccessible invalid field.Smashing Magazine
Damian Wajer reshared this.
Damian Wajer reshared this.
I was never promised this future, and I am grateful to have been a part of it.
Damian Wajer likes this.
Damian Wajer reshared this.
Damian Wajer reshared this.
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
Mastodon, the Movie - David Slifka - Medium
Some movies start with totally separate plotlines, whose relationship is eventually revealed. It’s called “hyperlink cinema.” We have a short-lived opportunity to change social media forever. Here’s…David Slifka (Medium)
Damian Wajer reshared this.
Hear, hear!
https://gomakethings.com/build-things-that-work-even-when-parts-of-it-break/
Build things that work, even when parts of it break
Yesterday, I wrote about how web development can literally kill people. At the end of the article, I wrote… Build things that work, even when parts of it break.gomakethings.com
Damian Wajer reshared this.
Damian Wajer reshared this.
Damian Wajer reshared this.
Damian Wajer reshared this.
demo: https://shiny-button.vercel.app/
source: https://t.co/2GBqQE8N6i
Damian Wajer likes this.
Damian Wajer reshared this.
Damian Wajer reshared this.
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/
The Web Needs a Native .visually-hidden
For years, developers have passed around a set of styles like a magic incantation. It's time we made it a web standard.Ben Myers
reshared this
Damian Wajer reshared this.
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.
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
https://levelup.gitconnected.com/how-to-make-a-fully-accessible-css-only-carousel-40e8bd62032b
How to Make a Fully Accessible CSS-Only Carousel - Level Up Coding
First of all, what is a carousel? Carousels show a collection of elements one after the other. Also known as “slideshows” and “sliders”. Often these are used to accommodate a larger amount of content…Jennifer Wjertzoch (Level Up Coding)
like this
reshared this
Damian Wajer reshared this.
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/
Design systems in the time of AI
It's been absolutely wild to witness the rise of the new crop of AI tools. This moment feels equally exciting and terrifying, but given humans' track record of driving promising technologies off the rails, I'm erring on the side of terrified until (h…Brad Frost
Damian Wajer likes this.
reshared this
“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
Why do we stop exploring new music as we get older?
The thrill of discovering new songs and new sounds can enrich people of all ages. Except, most of the time, it doesn't. Why does our willingness to explore new or unfamiliar music decline with age? Timothy McKenry explains.ABC News
Damian Wajer reshared this.
Damian Wajer reshared this.
These capabilities can and do vary hugely
https://andy-bell.co.uk/how-a-minimum-viable-experience-produces-a-resilient-inclusive-end-product/
How a minimum viable experience produces a resilient, inclusive end-product
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 v…Andy Bell
Damian Wajer reshared this.
Damian Wajer reshared this.
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

#WordPress #Mastodon #Survey
Toot the Word Survey - Mastodon and the WordPress Community
The goal of this two-minute survey is to help us improve the WordPress-related Mastodon instances and Mastodon as a meeting place for the WordPress Community in general.Google Docs
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.
Damian Wajer reshared this.
Let's build a Chrome extension that steals everything
Today's adventure: DIY whole hog data exfiltrationMatt Frisbie (Building Browser Extensions)
Damian Wajer reshared this.
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
Meetings *are* the work - Elizabeth Ayer - Medium
Every day I see people trying hard to avoid meetings. I hear it from teams (“We’re cancelling this so we can get some work done”). A common theme on social media laments the challenge of balancing…Elizabeth Ayer (Medium)
Damian Wajer reshared this.
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
like this
reshared this
Damian Wajer reshared this.
Dialogs, modality and popovers seem similar. How are they different?
A deep dive into the semantics, behaviours and characteristics of some of the most common user interface elements of websites today.Hidde's blog
Damian Wajer reshared this.
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/
My favourite 3 lines of CSS
In Every Layout, we wrote about The Stack. It’s a marriage of Heydon’s Lobotomised Owl selector and my method of managing Flow and Rhythm with CSS Custom Properties. .stack > * + * { margin-bloc…Andy Bell
Damian Wajer reshared this.
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
Damian Wajer reshared this.
https://youtu.be/veEqYQlfNx8
#css
The problems with viewport units
Conquering Responsive Layouts (free course): https://courses.kevinpowell.co/conquering-responsive-layoutsJoin the Discord: https://kevinpowell.co/discordView...YouTube
reshared this
Damian Wajer reshared this.
Useful Snippets for In-Browser Console Usage - Chris Coyier
A Christian Heilmann project called Dear Console…. There are 18 in there right now and they are all pretty neat.Chris Coyier
Damian Wajer reshared this.
Damian Wajer reshared this.
https://neurodiversity.design/
Damian Wajer reshared this.
Damian Wajer reshared this.
https://polypane.app/blog/building-a-lightbox-with-the-dialog-element/
Building a lightbox with the Dialog element
The dialog element lets you overlay content on top of your site in something called the "top layer", which is a special layer that sits above all other content. This way you never have to worry about your dialog being…Kilian Valkhof (Polypane)
Damian Wajer reshared this.
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, 🤷🏻♀️
1. Compatibility
2. Trialability
3. Relative advantage
4. Observability
5. Simplicity / Complexity
https://confluence.cc.lehigh.edu/display/~tch207/Rogers%3A+5+characteristics+of+innovations%2C+pattern+of+adoption
#Innovation #ProductDesign #ProjectManagement #TechnologyAdoption
5 factors that determined the rapid growth of #ChatGPT #AI (1 million users in 5 days).
https://scottswigart.substack.com/p/why-chatgpt-took-off-like-a-nuclear
Why ChatGPT Took Off Like a Nuclear Rocket
And What it Says About Technology Adoption More BroadlyScott Swigart (B2B Technology Frontiers)
Damian Wajer reshared this.
https://uxdesign.cc/software-accessibility-for-users-with-attention-deficit-disorder-adhd-f32226e6037c
Software accessibility for users with Attention Deficit Disorder (ADHD)
When discussing accessibility, the first person that pops into the minds of people is probably a person in a wheelchair. Thinking about software accessibility, the next two types of disabilities…Eva Katharina Wolf (UX Collective)
Damian Wajer reshared this.
Damian Wajer reshared this.
So, thank you, and more please!
#BirdsOfMastodon #Birds #Birding #Nature #NaturePhotography #accessibility
Damian Wajer reshared this.
https://bradfrost.com/blog/post/hobbies-for-the-hell-of-it/
Hobbies for the hell of it
I like playing music a lot. I love it, in fact. Playing music gives me an enormous amount of physical, mental, and spiritual satisfaction.Brad Frost
Damian Wajer reshared this.
Damian Wajer reshared this.
Painting the whole beetle: an adventure in learning to learn - localghost
I'm not very good at being bad at things. In fact, I have a track record of giving up on things if I'm not immediately good at it.localghost
reshared this
Damian Wajer reshared this.
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?
: The Idiomatic Text element - HTML: HyperText Markup Language | MDN
The HTML element represents a range of text that is set off from the normal text for some reason, such as idiomatic text, technical terms, taxonomical designations, among others.developer.mozilla.org
Damian Wajer reshared this.
Sia Karamalegos
•Andy Bell
•ADubhlaoich
•Does the Utopia scale supersede Every Layout's modular scale?
Andy Bell
•Same principles tho really. It’s all about consistency and rhythm
Andy Bell
•Font style matcher
meowni.caAndy Bell
•It let’s display fonts sing too!
Mike-麥-Mai-v1.618 😎
•And this can be a reset too https://mikemai.net/mcss
😁
Typography Manual by Mike Mai
mikemai.netToby
•Andy Bell
•Elliot Jay Stocks
•Andy Bell
•Karen Friesen
•Andy Bell
•Paul Kinlan
•Andy Bell
•Knepherbird
•Andy Bell
•James Drever
•Andy Bell
•Colin Devroe
•Third paragraph under Core global styles "quite” should be “quick”?
Andy Bell
•