Friendica Developers reshared this.
Small UX improvements for the Frio theme
I like the Frio theme, but some things are not convenient for me, especially on mobile, so I decided to suggest some improvements. That's the beauty of open-source! I hope I didn't mess anything up and you'll like the changes :)
https://github.com/friendica/friendica/pull/12699
!Friendica Developers
https://github.com/friendica/friendica/pull/12699
!Friendica Developers
[frio] Various UX improvements (mostly larger clickable areas) by damianwajer · Pull Request #12699 · friendica/friendica
Hi. This is my first contribution to the Friendica project, so please be understanding :) I noticed some elements in the Frio theme have small clickable areas, small font sizes, small buttons, etc....GitHub
10 people like this
4 people reshared this
"Pick one thing and spend the rest of your life getting deeper into it.
Mastery is the best goal because the rich can't buy it, the impatient can't
rush it, the privileged can't inherit it, and nobody can steal it.
You can only earn it through hard work.
Mastery is the ultimate status."
#Quote from How to live by Derek Sivers
https://sive.rs/h
#SelfDevelopment #Motivation
Mastery is the best goal because the rich can't buy it, the impatient can't
rush it, the privileged can't inherit it, and nobody can steal it.
You can only earn it through hard work.
Mastery is the ultimate status."
#Quote from How to live by Derek Sivers
https://sive.rs/h
#SelfDevelopment #Motivation
Writing one sentence per line.
- It helps you judge each sentence on its own.
- It helps you vary sentence length.
https://sive.rs/1s
#Bookmark #Writing
Not publishing one sentence per line, no. Write like this for your eyes only. HTML or Markdown combine separate lines into one paragraph.
- It helps you judge each sentence on its own.
- It helps you vary sentence length.
https://sive.rs/1s
#Bookmark #Writing
Writing one sentence per line
Not publishing one sentence per line, no. Write like this for your eyes only. HTML or Markdown combine separate lines into one paragraph.
- It helps you judge each sentence on its own.
- It helps you vary sentence length.
https://sive.rs/1s
#Bookmark #Writing
Damian Wajer reshared this.
“I’m training someone up at the moment, and damn, we take for granted a lot of ‘expected’ knowledge and appreciation of the ‘right way’ that straight-up doesn’t exist for a beginner.
Remember your roots, essentially.“
—@andy
https://andy-bell.co.uk/dont-snark-on-people-who-are-learning/
Remember your roots, essentially.“
—@andy
https://andy-bell.co.uk/dont-snark-on-people-who-are-learning/
Don’t snark on people who are learning
I saw a post on mastodon snarking at “the current state of web development” and it was a screenshot of a forum where someone was asking why nestedAndy Bells got progressively bigger, …
Damian Wajer likes this.
4 people reshared this
First Follower: Leadership Lessons from a Dancing Guy (How to Start a Movement).
https://sive.rs/ff
#Bookmark #Leadership
https://sive.rs/ff
#Bookmark #Leadership
This entry was edited (1 hour ago)
Wilhelm likes this.
Damian Wajer reshared this.
Tip for anyone who's been put off building stuff with JS due to the terrifying array of build tools and packages and framework choices you have to make these days
You don't have to use any of that stuff!
A few years ago I gave myself permission to ignore it all and just use default browser environments... and it turns out to be a really fun, productive, dare I say delightful environment to work in
Now that we can ignore IE compatibility modern JS and browser APIs are really nice to work with!
You don't have to use any of that stuff!
A few years ago I gave myself permission to ignore it all and just use default browser environments... and it turns out to be a really fun, productive, dare I say delightful environment to work in
Now that we can ignore IE compatibility modern JS and browser APIs are really nice to work with!
Damian Wajer reshared this.
https://modern-web.dev/guides/going-buildless/getting-started/ is a great resource on “going buildless”.
Going Buildless: Getting Started: Modern Web
Guides, tools and libraries for modern web development.Modern Web
Damian Wajer likes this.
Damian Wajer reshared this.
Screen Readers support for text level HTML semantics
#a11y #HTML #WebDev
https://www.tpgi.com/screen-readers-support-for-text-level-html-semantics/
#a11y #HTML #WebDev
https://www.tpgi.com/screen-readers-support-for-text-level-html-semantics/
Screen Readers support for text level HTML semantics - TPGi
A long time ago (2008) I wrote an article: Screen Readers lack emphasis. At the time, 15 years ago, the screen readers tested did not signify the semantics of text […]Steve Faulkner (TPGi)
Damian Wajer reshared this.
I recently came across a question about not being indexed by #DuckDuckGo search engine. I had been there, so I decided to write a blog post about how to fix it.
https://www.damianwajer.com/blog/search-index/
#SEO #ShadowBan #Bing #Google
https://www.damianwajer.com/blog/search-index/
#SEO #ShadowBan #Bing #Google
What if the site is not indexed by Bing, DuckDuckGo, or Google? - Damian Wajer
If your website doesn’t appear in the Google or Bing search engines (or DuckDuckGo, or any other search engine that uses Bing), there are a few things you…Damian Wajer
This entry was edited (6 hours ago)
4 people like this
2 people reshared this
Thanks for this advice page, I raised a ticket in the end I had tried all the other suggestions. Google and Yandex were fine, just Bing/DDG not indexing
Damian Wajer likes this.
@Mark King I'm glad you found it helpful. Same case for me: in Google the site was present, in Bing it wasn't. Most of the advice is the Bing guidelines, but I decided it would be useful to summarize it in the steps I took in the context of not being indexed. Maybe it's easier now, but I remember it wasn't so simple to find a direct link to the support form, and it turned out to be the final solution.
Mark King likes this.
Damian Wajer reshared this.
Drogie koleżanki i koledzy, praktykujący szlachetną dziedzinę #UX, marketingowcy, programiści, pozycjonerzy, właściciele biznesów, kierownicy, growth hackerzy, prawnicy.
Nie pozwólmy by niezwykła przestrzeń, jaką jest sieć #Web wyglądała następująco:
https://how-i-experience-web-today.com
Niestety często niebezpiecznie zbliżamy się do tego punktu.
Wpis oczywiście humorystyczny, jednak z pewna dozą realizmu.
#StateOfTheWeb #BadUX #GrowthHacking
Nie pozwólmy by niezwykła przestrzeń, jaką jest sieć #Web wyglądała następująco:
https://how-i-experience-web-today.com
Niestety często niebezpiecznie zbliżamy się do tego punktu.
Wpis oczywiście humorystyczny, jednak z pewna dozą realizmu.
#StateOfTheWeb #BadUX #GrowthHacking
Robert "Szkodnix" :misskey: likes this.
Imagine calling someone on the phone, going hello! Then putting them on hold... 🤦♂️
Don't do this! ;)
https://nohello.net
#Communication
This entry was edited (1 day ago)
Damian Wajer reshared this.
Why I 🧡 the web, stuff like this:
https://www.calligrapher.ai/ offers "realistic computer-generated handwriting" with some neat settings to play around with. ✍️
https://www.calligrapher.ai/ offers "realistic computer-generated handwriting" with some neat settings to play around with. ✍️
Calligrapher.ai: Realistic computer-generated handwriting
Convert text to handwriting using an in-browser recurrent neural network. Choose from various print and cursive styles. Customize the outputs and download as SVG.www.calligrapher.ai
Damian Wajer reshared this.
10 powerful ways to use CSS variables
1. tokens
2. house props
3. adaptive props
4. pseudo-private props
5. partial props
6. mixin props
7. swappy props
8. style query props
9. meta lang props
10. typed props.
Oh my! Read all about em here
https://nerdy.dev/custom-prop-categories
1. tokens
2. house props
3. adaptive props
4. pseudo-private props
5. partial props
6. mixin props
7. swappy props
8. style query props
9. meta lang props
10. typed props.
Oh my! Read all about em here
https://nerdy.dev/custom-prop-categories
10 powerful ways to use CSS variables · January 26, 2023
Website for Adam Argyle: Teacher, Speaker, CSSWG member, and creator of Open Props and VisBug.Adam's Indie Social Feed
Damian Wajer reshared this.
I own two domains that I registered for a social justice blog that I never really got off the ground… equalmeasures.org and unequalmeasures.org.
I’m not going to renew them but I’d be interested in transferring them to someone who wanted to make use of them in the same vein, rather than let them go to a domain squatter.
Anyone interested? Please share or boost.
I’m not going to renew them but I’d be interested in transferring them to someone who wanted to make use of them in the same vein, rather than let them go to a domain squatter.
Anyone interested? Please share or boost.
Hypolite Petovan likes this.
Damian Wajer reshared this.
Damian Wajer reshared this.
When to use Grid and when to use flexbox #CSS
"It depends". Of course it does.
https://publishing-project.rivendellweb.net/when-to-use-grid-and-when-to-use-flexbox/
"It depends". Of course it does.
https://publishing-project.rivendellweb.net/when-to-use-grid-and-when-to-use-flexbox/
When to use Grid and when to use flexbox
With flexbox and grid supported in all major browsers, I see variations of these questions asked a lot: what should I use, flexbox or grid? or which one is better flexbox or grid? The question is deceptively simple, the answer is anything but.carlos (Carlos Araya)
Damian Wajer reshared this.
A pretty funny article about why it's not necessarily so simple to just run your own Mastodon instance. "We tried to run a social media site and it was awful," from Alphaville.club https://archive.is/20230125120906/https://www.ft.com/content/8d995a24-d77c-4208-a3a6-603d8788ebcd
Damian Wajer reshared this.
I present the first named release of the Friendica mobile/desktop client: Relatica. It is still very much a work in progress but I'm going to start opening it up for beta usage (early beta). For iOS that will mean me letting up to 100 people into the inside testing team (Apple's limit). For the other platforms I'll be posting binaries/packages/install instructions for Android, Linux, macOS, and Windows in the coming days as well. I also setup a Relatica Matrix room for interactive discussions with me and other users. The README on the GitLab repo will have all those sorts of details. Enjoy! #friendica #FriendicaDev #relatica #flutter #DartLang #fediverse https://gitlab.com/mysocialportal/relatica
21 people like this
67 people reshared this
“It crashed” was one of the example of bad feedback I put in the beta notes lol. I should probably put why the various examples are bad though now that I look at it.
Be happy to have you as a tester. The Mac build and all non-iOS platforms are available for direct download now. For iOS it has to go through TestFlight so just DM me you email address and first/last name (or first name and the preferred Friendica account handle). I’m still waiting for app approval from Apple though.
PS sorry if you already DMd me. The Friendica Message systems is one of the big features I need to implement still in the app (which I’m using to write this).
Be happy to have you as a tester. The Mac build and all non-iOS platforms are available for direct download now. For iOS it has to go through TestFlight so just DM me you email address and first/last name (or first name and the preferred Friendica account handle). I’m still waiting for app approval from Apple though.
PS sorry if you already DMd me. The Friendica Message systems is one of the big features I need to implement still in the app (which I’m using to write this).
Cătălin Petrescu likes this.
oh and all that info is in the README at the repo link and/or other pages that have links on the README page.
Cătălin Petrescu likes this.
Damian Wajer reshared this.
Those who do not learn from history are doomed to repeat it. Those who do learn from history are doomed to watch it repeated by those who didn’t.
Damian Wajer reshared this.
Damian Wajer reshared this.
I don’t have much of a network on here, but hi, hello, I’m a front-end web developer and web accessibility specialist and I am looking for work
4 people reshared this
Damian Wajer reshared this.
#Google #Optimize and Optimize 360 will no longer be available after 30 September 2023. It's time to start looking for good alternatives.
https://support.google.com/optimize/answer/12979939
#UX #UXResearch #ABTesting
https://support.google.com/optimize/answer/12979939
#UX #UXResearch #ABTesting
Google Optimize Sunset - Optimize Resource Hub
Google Optimize and Optimize 360 will no longer be available after September 30, 2023. Your experiments and personalizations can continue to run until that date. Any experiments and personalizations ssupport.google.com
This entry was edited (5 days ago)
Czarny Ranger likes this.
Damian Wajer reshared this.
Love these CSS old school skins! 😍
#Playstation 1 style #CSS Framework, inspired by https://nostalgic-css.github.io/NES.css/
https://micah5.github.io/PSone.css
Imagine using #Mastodon like this!
#Playstation 1 style #CSS Framework, inspired by https://nostalgic-css.github.io/NES.css/
https://micah5.github.io/PSone.css
Imagine using #Mastodon like this!
This entry was edited (5 days ago)
Damian Wajer likes this.
@David Bisset What an idea! Both of them look good and are very nostalgic. Lots of great memories with NES and PSOne :)
The correct demo link is https://micah5.github.io/PSone.css/ (you've missed `.css` at the end).
The correct demo link is https://micah5.github.io/PSone.css/ (you've missed `.css` at the end).
Damian Wajer reshared this.
I'm back on Smashing Magazine today showing you how to create advanced #CSS selectors with :has()!
Loved digging in over winter break to work these out. Hope it helps you see the possibilities of :has()!
https://www.smashingmagazine.com/2023/01/level-up-css-skills-has-selector/
Loved digging in over winter break to work these out. Hope it helps you see the possibilities of :has()!
https://www.smashingmagazine.com/2023/01/level-up-css-skills-has-selector/
2 people reshared this
Damian Wajer reshared this.
Sad true state of social media: quick tips and fluff get hits, complex articles with deep thought don't get views or likes and are lost in the noise. How do you expect designers to work on complex things when they get fed fluff all day long? https://www.imkylelambert.com/articles/design-influencer-quick-tips-get-hits?utm_source=stephaniewalter.design&utm_medium=weeklylinks
Today’s design influencer: quick tips get hits
“10 Figma tips to make you a 10x designer: Read my thread 🧵” We have all seen these posts. They provide helpful tips and shortcuts for design tools.www.imkylelambert.com
Damian Wajer likes this.
Damian Wajer reshared this.
@Stef Walter +1. Some time ago, I published a similar post on my blog with a couple of in-depth #UX sources: sources of UX knowledge. This particular post is in the Polish language, but here is the auto-translated version by Google Translate (it should be enough to navigate the text for sources until I do a manual translation).
cc: @Kyle Lambert
cc: @Kyle Lambert
This entry was edited (3 days ago)
Damian Wajer reshared this.
So this time, I’m not asking you to share *your own* personal site, but to pick one of your favorite sites by others. Designers, developers, writers, bloggers, photographers, founders, podcasters – it doesn’t matter.
Who has a website that is just STUNNING and immediately comes to mind? And why? 🤗
#PersonalSites #YearOfBlogging
Who has a website that is just STUNNING and immediately comes to mind? And why? 🤗
#PersonalSites #YearOfBlogging
3 people reshared this
I think https://boffer.net is still one of the most beautiful sites I've ever made. It's not designed by me but I realized it using the wonderful static-site-generator #11ty
Christopher Adjei
Christopher Adjei - Strategist, Creative Thinker & Communicator | Dipl. Des. & M.A. Media Managementboffer.net
@Matthias Ott I don't think it fits personal site category, but the first website that comes to my mind is Smashing Magazine. It's well designed, fast, and pleasent to use. Very good work by @Vitaly Friedman 🇺🇦🏳️🌈
https://www.smashingmagazine.com
https://www.smashingmagazine.com
Damian Wajer reshared this.
Content warning: long post on accessibility advice from a blind screen reader user
Damian Wajer reshared this.
BUILDING A WEBSITE LIKE IT'S 1999... IN 2022
✨👏 A wonderful post by @sophie about how she brought back the weird and fun side of the Web on her personal website:
https://localghost.dev/blog/building-a-website-like-it-s-1999-in-2022/
✨👏 A wonderful post by @sophie about how she brought back the weird and fun side of the Web on her personal website:
https://localghost.dev/blog/building-a-website-like-it-s-1999-in-2022/
Building a website like it's 1999... in 2022 - localghost
I'm on a bit of a mission this year to bring back the spirit of the old web. The creativity and flair of the late 90s and early 2000s. So I've recreated some of that old web magic, in modern HTML, CSS and JS.localghost
Damian Wajer reshared this.
this one brought me a LOT of joy. I remember ALL of this and I of course agree 100%. 🔥
Be the browser’s mentor, not its micromanager.
Give the browser some solid rules and hints, then let it make the right decisions for the people that visit it, based on their device, connection quality and capabilities. This is how they will get a genuinely great user experience, rather than a fragmented, broken one.
https://buildexcellentwebsit.es/
#Webdev #UXDesign #UX
Be the browser’s mentor, not its micromanager. - Build Excellent Websites
Key principles using modern CSS, fluid type, fluid space, flexible layout and progressive enhancement will help you to build better front-ends that work for everyone.Build Excellent Websites
Damian Wajer reshared this.
"Done is better than perfect" - this #quote is my constant reminder to get things done and to counter my #perfectionism
#LifeLessons
#LifeLessons
2 people reshared this
The difference between :where() and :is() is that :where() always has 0 specificity, whereas :is() takes on the specificity of the most specific selector in its arguments.
https://developer.mozilla.org/en-US/docs/Web/CSS/:where
#TIL #CSS
Damian Wajer reshared this.
Three attributes for better web forms
🔗 https://adactio.com/journal/19842
🔗 https://adactio.com/journal/19842
Three attributes for better web forms
Better UX through better HTML: inputmode, enterkeyhint, and autocomplete.adactio.com
Damian Wajer reshared this.
@Jeremy Keith There's a helpful tool Better Mobile Input, which visualizes almost all of these attributes. You may want to take a look.
This entry was edited (1 week ago)
Friendica Developers reshared this.
Aaron
•2 people like this
Tio and Damian Wajer like this.
Friendica Developers reshared this.
Jeremy [Friendica]
•Damian Wajer likes this.
Friendica Developers reshared this.
Damian Wajer
•However, there are some exceptions, such as when leaving the current tab would result in the loss of the user's work, e.g. form content not submitted/lost.
There are also "marketing" reasons, where leaving the site will interrupt your analytics session.
Anyway, to the point. You are asking about specific "link to source" link, represented by the icon with an outward arrow. It may suggest opening in a new tab, which is not the case. It can be confusing for the user who expects new tab based on the icon appearance (it can lead to abandoning "in progress" task). So in this specific case, I think it would be justified to add `target="_blank"`.
2 people like this
Jeremy [Friendica] and Hypolite Petovan like this.
Damian Wajer reshared this.
Friendica Developers reshared this.
Wilhelm
•One area I always was wondering why I have to do the mouse sport thing to click into a tiny circle instead of just being able to click on the section / info text to pick an option was the contact request dialog (the one you see when others request to follow you). I think that was not part of your PR. Would you be willing to extend clickable areas for that?
Damian Wajer likes this.
Friendica Developers reshared this.
Damian Wajer
•As for the contact request dialog, it was not part of my PR, because my account automatically approves contact requests, and I wasn't aware of that dialog. I will look at it, but I can't make promises. Could you please provide a screenshot of what exactly you mean? It will help me find it and make an improvement. The best place to put it would be a new issue on GitHub: https://github.com/friendica/friendica/issues
@Hypolite Petovan Do you know if there is an easy way to trigger that view without having the second account for testing purposes? I have one, but it seems like once we were friends, it won't show up again. You can also point me to the right `.tpl` file, maybe that will be enough.
Friendica Developers reshared this.
Hypolite Petovan
•Also my condolences for the attention you attracted with your first PR. Friendica doesn't have a resident frontend contributor, so you're like the messiah.
Damian Wajer likes this.
Friendica Developers reshared this.
Damian Wajer
•2 people like this
Hypolite Petovan and ˗ˏˋ wakest ˎˊ˗ like this.
Damian Wajer
2 people like this
Hypolite Petovan and Wilhelm like this.
Friendica Developers reshared this.
Wilhelm
•Damian Wajer likes this.
Friendica Developers reshared this.
Admin (of friendica.utzer.de)
•Not sure who else works/worked on it, thanks to all other people too.
2 people like this
Wilhelm and Damian Wajer like this.
Friendica Developers reshared this.
Wilhelm
•🙌
2 people like this
Damian Wajer and Hypolite Petovan like this.