Friendica Developers reshared this.
Small UX improvements for the Frio theme
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
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
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.
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
https://sive.rs/ff
#Bookmark #Leadership
Wilhelm likes this.
Damian Wajer reshared this.
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.
Going Buildless: Getting Started: Modern Web
Guides, tools and libraries for modern web development.Modern Web
Damian Wajer likes this.
Damian Wajer reshared this.
#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.
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
4 people like this
2 people reshared this
Damian Wajer likes this.
Mark King likes this.
Damian Wajer reshared this.
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
Damian Wajer reshared this.
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.
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’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.
"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.
Damian Wajer reshared this.
21 people like this
67 people reshared 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.
Cătălin Petrescu likes this.
Damian Wajer reshared this.
Damian Wajer reshared this.
Damian Wajer reshared this.
4 people reshared this
Damian Wajer reshared this.
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
Czarny Ranger likes this.
Damian Wajer reshared 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!
Damian Wajer likes this.
The correct demo link is https://micah5.github.io/PSone.css/ (you've missed `.css` at the end).
Damian Wajer reshared this.
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.
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.
cc: @Kyle Lambert
Damian Wajer reshared this.
Who has a website that is just STUNNING and immediately comes to mind? And why? 🤗
#PersonalSites #YearOfBlogging
3 people reshared this
Christopher Adjei
Christopher Adjei - Strategist, Creative Thinker & Communicator | Dipl. Des. & M.A. Media Managementboffer.net
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.
✨👏 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.
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.
#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.
🔗 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.
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.