Skip to main content

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

Friendica Developers reshared this.

It is nice to see that someone works on the Frio theme, I use this since it was first released, I really like it, but it is not perfect, I like that it is receiving some improvements.

Not sure who else works/worked on it, thanks to all other people too.

Friendica Developers reshared this.

@Rabuzarus made it, @Hypolite Petovan refined it, credit to both and nice to see new contibutions from @Der Marek and @Damian Wajer

🙌


"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

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<br>rush it, the privileged can't inherit it, and nobody can steal it.<br>You can only earn it through hard work. Mastery is the ultimate status. How to live – Derek Sivers
#SelfDevelopment #Motivation


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


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/

4 people reshared this

this is really when the web peaked
@hey guilty. i definitely snark sometimes. Thanks for the reminder!


First Follower: Leadership Lessons from a Dancing Guy (How to Start a Movement).
https://sive.rs/ff
#Bookmark #Leadership
This entry was edited (1 hour ago)
@Damian Wajer There is more than that perspective...


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!

Damian Wajer reshared this.

https://modern-web.dev/guides/going-buildless/getting-started/ is a great resource on “going buildless”.

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/

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
This entry was edited (6 hours ago)

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
@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.

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

Example of a cluttered web page (cookie warning, overlays, newsletter signup in the popup, etc.).


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. ✍️
screenshot of a "this is the start of my kidnapper's random note" text handwritten by the website

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
:root {
  --text: var(--gray-0);
}

@media (prefers-color-scheme: dark) {
  :root {
    --text: var(--gray-10);
  }
} .house-button {
  --_hover: 0;

  &:hover {
    --_hover: 1;
  }
}
:root {
  --size-1: 1rem;
  --size-2: 1.25rem;
  --blue-1: hsl(200 50% 50%);
  --blue-2: hsl(200 50% 60%);
  --gray-0: hsl(none none 90%);
  --gray-1: hsl(none none 10%);
} .button__1qipc2y2 {
  --_1qipc2y0: #4263eb;
  --_1qipc2y1: #edf2ff;
  background-color: var(--_1qipc2y0);
  color: var(--_1qipc2y1);
}

.button__1qipc2y2:active {
  --_1qipc2y0: #3b5bdb;
  --_1qipc2y1: white;
}

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.

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/

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
Screenshot of the first release of the Relatica Friendica mobile/desktop client running on Windows.
“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).
oh and all that info is in the README at the repo link and/or other pages that have links on the README page.

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.

yeah but different people learn different things from history
… Those who do find other ways to err. 😳😄

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
This entry was edited (5 days ago)

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!
screenshot of all the ways the CSS makes HTML Elements look like a PS1
This entry was edited (5 days ago)
@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).
@damian thank you. did an edit.

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/
Level Up Your CSS Skills With The :has() Selector, by Stephanie Eckles on Smashing Magazine. The CSS relational selector :has() allows selecting elements in combinations that were previously impossible without the assistance of JavaScript. We’ll review how to combine :has() with core CSS selectors to extend their capabilities for unique arrangements of elements.

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

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
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

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
@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

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/

Damian Wajer reshared this.

this one brought me a LOT of joy. I remember ALL of this and I of course agree 100%. 🔥
aaa this is so good and superb domain name too


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

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

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

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)