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/
https://set.studio/some-simple-ways-to-make-content-look-good/
2 people reshared this
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
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
This entry was edited (2 months 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.
👇
Did you write (or read) an article about a dark mode implementation?
Feel free to share it below.
👇
Damian Wajer reshared this.
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.
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
Damian Wajer reshared this.
✨ New post: A little guide to creating snippets in VS Code https://css-irl.info/creating-vscode-snippets-to-speed-up-workflow/
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
2 people reshared this
That's very useful, thank you Michelle!
By the way: it is ctrl+shift+p on Windows.
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
💫 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.
RT @[email protected]
am I doing UX right? 🤔
🐦🔗: https://twitter.com/florinpop1705/status/1616873924213473283
am I doing UX right? 🤔
🐦🔗: https://twitter.com/florinpop1705/status/1616873924213473283
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
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.
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.
@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/
↬ 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 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.
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.
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.
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
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.
“Progressive enhancement doesn’t have to be more work”
Hear, hear!
https://gomakethings.com/build-things-that-work-even-when-parts-of-it-break/
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.
Superb curation of Mastodon resources: https://hueyy.github.io/awesome-mastodon/
Damian Wajer reshared this.
Damian Wajer reshared this.
someone over on that site built a shiny button and it's kinda blowing my mind 😅
demo: https://shiny-button.vercel.app/
source: https://t.co/2GBqQE8N6i
demo: https://shiny-button.vercel.app/
source: https://t.co/2GBqQE8N6i
This entry was edited (4 weeks ago)
Damian Wajer likes this.
Damian Wajer 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/
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
2 people 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.
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 month 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
Demo: https://codepen.io/jwjertzoch/pen/JjyGeRy
#WebDev
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)
12 people like this
4 people reshared this
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/
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.
2 people reshared this
@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».
“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 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.
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/
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.
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.
👋 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
place.
#WordPress #Mastodon #Survey
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
place.#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
@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.
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.
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!
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.
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
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)
This entry was edited (1 month ago)
Damian Wajer 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:
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
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
5 people like this
8 people 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/
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.
@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/
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.
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
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.
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
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
2 people reshared this
Damian Wajer reshared this.
Useful Snippets for In-Browser Console Usage https://chriscoyier.net/2023/02/21/useful-snippets-for-in-browser-console-usage/
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.
The NDS is a coherent set of standards and principles that combine neurodiversity and user experience design for Learning Management Systems. Design accessible learning interfaces supporting success and achievement for everyone.
https://neurodiversity.design/
https://neurodiversity.design/
Damian Wajer reshared this.
“Building a lightbox with the Dialog element” by @Kilian
https://polypane.app/blog/building-a-lightbox-with-the-dialog-element/
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.
Quick question: why overflow: clip and not overflow: hidden. When would it make a difference?
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.
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, 🤷🏻♀️
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, 🤷🏻♀️
Rogers: 5 characteristics of innovations, pattern of adoption:
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
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
Related: https://social.damianwajer.com/display/7b9e6109-2163-f4a2-6f0e-7d6073009045
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-nuclearWhy ChatGPT Took Off Like a Nuclear Rocket
And What it Says About Technology Adoption More BroadlyScott Swigart (B2B Technology Frontiers)
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
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.
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
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.
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
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/
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.
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
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
This entry was edited (1 month ago)
2 people reshared this
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?
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.
Almost always SVG from a sprite for UI icons. Sometimes (e.g. a magnifying glass in a search input) I will URL-encode an SVG as a background image so that everything you need for UI components lives in the CSS and doesn’t require external assets. <img> element for illustrative icons (products, etc.).
Damian Wajer reshared this.
"It is never the process that makes a project successful, nor the methodology, nor the tools. Software is made by people, it is you who does the work."
https://flowmanifest.org/we-believe/
#Agile #Scrum #DevOps #Flow
https://flowmanifest.org/we-believe/
#Agile #Scrum #DevOps #Flow
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
Mayank
•had this happen recently and my guess is it's because `ch` is different for every font
Andy Bell
•Mayank
•Andy Bell
•It let’s display fonts sing too!
Mike-麥-Mai.html 😎
•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
•