Skip to main content

Search

Items tagged with: design


You’ve heard of lorem ipsum, now meet… *meta* lorem ipsum!

(I’ll show myself out.)

#design #loremIpsum
Screenshot of browser showing a page titled Domain: Admin. There’s a nav bar on the left (Setup: Organisation, Apps, Public Suffic List (PSL), Domain Name Service (DNS), Virtual Private Server (VPS), Payment and Places: Existing, New. The main part of the content is titled Organisation. Underneith it are paragraphs from the Wikipedia article on lorem ipsum.


So, folks who build web sites, I just added this conditional syntax to Kitten HTML template strings. Thoughts?

(See third code example. The is().yes().no().endIs() function chaining. My goal is to provide an alternative to the JavaScript ternary operator that’s easier to read. Does this succeed? Any suggestions?)

https://codeberg.org/kitten/app#how-many-kittens-are-too-many-kittens

#interfaces #code #design


Dear so-called “UX” designers, the opposite of “yes” isn’t “not now”, it’s “no.”

#design #deceptiveDesign #bigTech #peopleFarming #ux


So if the long-form flag is --directory, what is the short-form?

Did you say, -C?

Why yes, of course.

#tar #technology #design #consistency #wereNotVeryCleverButWeSureThinkWeAre


Small is Beautiful #21: Lipstick on a Pig and what it can teach us about the most important lesson in design.

If you missed today’s live stream, you can watch the recording here:

https://small-tech.org/videos/small-is-beautiful-21/

#SmallIsBeautiful #smallTech #smallWeb #design #video


Lipstick on a Pig: learning the most important lesson in design

https://ar.al/2022/08/17/lipstick-on-a-pig/

#design #blog #post #LipstickOnAPig


Wow, I just accidentally realised that Helix Editor’s increment number feature (Ctrl+a) can understand dates, even those embedded in URLs.

What a delight :)

(To go from the partial URL in the first screenshot to the second, I just had to press Ctrl+a once.)

#helixEditor #design #delighters
Screenshot of text:

[Learn more.](https://ar.al/2022/12/16/the-mo

The cursor is on the 2 of the 12.
Screenshot of text:

[Learn more.](https://ar.al/2023/01/16/the-mo

The cursor is on the 1 of the 01.


The complexity of software increases proportionally with how adamant the author is to differentiate between “simple” and “easy.”

#design #tech


And, finally (there’s so much more but I’ll stop raving now and get back to work), the web-related features, like a built-in accessibility and scripting panel and access to the SVG source, styling, etc.

If you’re creating illustrations for the web (or, heck, in general) and you’re not using this absolute gem of an app, you’re missing out :)

#svg #web #design #vector #illustration
Screenshot of a kitten illustration in Boxy SVG with the Meta panel showing with accessibility and scripting sections.


And those little touches… notice how the curve that the selected Bézier control point is affecting is highlighted in purple. And you can simply pull along there to shape the curve instead of manipulating the control point handles.

Just beautiful.

#svg #foss #boxySVG #web #design #vector #illustration
Screenshot of kitten illustation in Boxy SVG showing a selected Bézier curve control handle with the outer curve of the kitten’s ear highlighted in purple. On the right, the Stroke panel is shwoing with settings for opacity, width, line cap and join shapes, etc.


Question to JavaScript folks who have experience with Node.js… how does the following (theoretical) code listing for a server-side route that renders an index page with a count that’s persisted in memory on the server and updated any time someone loads the page read to you?

#htmx #prototyping #NodeKit #design
Code listing, index.jsx:

let count = 1

return (
  <div>
    <h1>Hello, world!</h1>
    <p>I’ve greeted you {count++} time{count > 1 ? 's' : ''}.</p>
  </div>
)


E-Ink Design Principles for Web and Applications
... I’ve looked for existing sets of guidelines without luck, so apparently I get to draw my own line in the sand. An earlier version of this post proved popular on Mastodon, I’m expanding it here. This is a first effort and some of my suggestions may not hold up, though I hope most will. Further discussion on that point at the end of this post....
  • Persistence is free
  • Pixels are cheap
  • Paints are expensive ...
(more at link)

https://diaspora.glasswings.com/posts/638a8d10e041013afba8448a5b29e257

This is based off an earlier toot as part of a longer thread, here:

https://toot.cat/@dredmorbius/108595472904617729

I felt this needed and deserved a post-length treatment and so it has one.

I'd very much like to hear criticisms / improvements.

# # # # # # # #


There’s a fine line between having principles and being arrogant/elitist/inaccessible. I believe folks in the # world aren’t always aware of where that line is and that hurts the whole movement.

When I’m feeling a bit better (hopefully later this week, still taking it easy as I recover from COVID), I’m going to put up the recording we did with @gabek (hope you’re feeling better too, btw… also COVID) where we go into this in the context of small web.

# # # #


# opportunity in # # academy

boosts appreciated! :boost_requested:

https://www.werkenbijhogescholen.nl/vacatures/tutor-commercial-practices-0-2-0-4-fte-2/

tutor in commercial practices at WdKA, art academy in Rotterdam, Netherlands

The job description is quite generic, but here is a list of relevant topics/subjects that are relevant to this position:

-art and design practices in relation to degrowth and collapsology
- system thinking and ecological economics applied to art and design practices
- alternative (micro)economic systems/models in art/design/publishing
- collaboration, cooperation and collective practices within microenterprise and coop
- (post-)free and open source software, hardware, and licensing
- resilient and less extractive computer technology and networked infrastructure
- creative design with extreme material, carbon and energy constraints
- collective care, work and labour ethics in the creative industries
- transition, circularity and beyond, gambiarra and repair culture (engagement and critique)
- multi-, trans-, and cross-disciplinary projects beyond the cultural sector


This issue summarises the issue and suggests a good solution (to have an option to override just the color-scheme setting without disabling fingerprint resistance in general).

https://gitlab.com/librewolf-community/browser/linux/-/issues/170

# # # #


Right, so there is such a thing as going too far… this should at least be a configurable option so that folks who want web sites to adapt to their system light/dark mode settings can have that.

There’s a line between protecting people and being paternalistic. And I can’t believe I’m the one having to say this but privacy isn’t the only concern when designing (e.g., in this case you might be overriding someone’s accessibility preferences).

# # #
Screenshot of LibreWolf Website appearance settings:

“Some websites adapt their color scheme based on your preferences. Choose which color scheme you’d like to use for those sites.

This feature is disabled because ResistFingerprinting is enabled. This means LibreWolf will force web content to display in a light theme.”


I love the system-wide light/dark mode support in GNOME 42. And wouldn’t it be even better if light mode extended to the system elements too?

Elliott Shugerman has made a great start on this so I just opened an issue to encourage the GNOME devs to consider it as inspiration.

https://gitlab.gnome.org/GNOME/gnome-shell/-/issues/5545

# # # # #


Also means you can find yourself in wonderful states like this as the native swipe gesture and Mastodon’s override compete.

# # # #
Mastodon mobile web interface showing two
tabs selected at the same time.


I just love how the Mastodon web client hijacks Mobile Safari’s swipe back/forth to navigate history feature and reassigns it to change the active tab. Nothing like changing timelines when trying to go back to the timeline you were on after visiting a link.

# # # #


Really excited about this Madrid based, open source, SVG alternative to Figma for # #
https://penpot.app/why-beta.html
Consider boosting?


A friendly reminder that you should make sure CPU virtualisation is turned on in your BIOS before creating a virtual machine (in this case, using GNOME Boxes)

https://gitlab.gnome.org/GNOME/gnome-boxes/-/issues/799

# # # # # #


Given the production values, I’m assuming they’re VC-funded but, regardless, @charm are doing some really interesting work in command-line apps via ssh (and all their stuff is open source).

Take the VC/corporate focus away for a second and their approach is actually very similar to that of the small web (https://ar.al/2020/08/07/what-is-the-small-web/), only on the command-line and with ssh.

Lots to learn from their approach for making traditionally complicated things easier to use.

https://charm.sh/apps/

#


The one pain point I’m encountering currently with Fedora Silverblue 36 is with GNOME Software.

It just seems to have lost all its settings and reverted to its original (broken) state.

https://github.com/fedora-silverblue/issue-tracker/issues/282

# # # # # #
Screenshot of GNOME Software with a broken Explore tab showing placeholder content.
Screenshot of GNOME Software showing no installed apps.
Screenshot of GNOME Software Software Repositories modal showing No Repositories.
Screenshot of GNOME Software Updates tab showing an error message: Operating Systems Updates Unavailable. Your operating system is no longer supported. This means that it does not receive security updates. It is recommended that you upgrade to a more recent version.


Oh my goodness, been using the Mastodon web client basically since it first came out and only just saw/unchecked the “Enable advanced web interface“ option in Preferences and… ah, bliss!

*exhales*

# # #
Screenshot of single-column “non-advanced?” Mastodon interface, showing the Home timeline tab (with separate tabs for Notifications, Local, and Federated timelines and a hamburger menu in the top bar).


So the hyperspace “page” transition effect on Federico Dossena’s web site is bellissimo :)

(Warning: there is a white flash during the transition so perhaps avoid if you have photosensitive epilepsy, etc.)

https://fdossena.com/

# # # # #


Well, I took the last week or so to watch/read hours of instructional material on the fundamentals of networking and I finally have the three core rules I needed to recreate ngrok via wireguard (for my small web needs, at least).

Bloody hell, folks, this stuff should be (and can be) far easier.

A huge amount of the complexity is due to the atrocious interface design of tools like nftables (which, itself, is actually a huge improvement on the iptables that came before it).

# #


“Advanced” is usually a euphemism for “badly designed.”

# #


So if you’re on someone’s profile and you hit the “post” button, you should mention them.

# #


Hmm, an #. I'm a farmer at https://birdsongorchards.com. We grow 200 varieties of fruit and we have a you-pick rose field. Come on by if you find yourself in the Monterey Bay area!

I also # #, most recently for sage.com.

I'm a longtime member of the lines/monome # community and I'm a huge fan of the Disquiet Junto weekly provocations (though the results of any inspiration I might find are often kept private).

Trying to get better at #. Trying to get better at #. Trying to get better at making the computer do these things too, sometimes with the help of some machine learning.

I'm trying to get better at being comfortable with ambiguity. Many things are neither good, bad, nor neutral. Stuff can be complex and multifaceted, containing multitudes.


Margo De Weerdt is an artist and designer who creates finely-crafted exquisite illustrations. You can follow at:

➡️ @margodeweerdt

De Weerdt has a website at https://www.margodeweerdt.com

# # # # # # # # # #


# #

Hi all, Roel he/him.

An artist and designer with an interest in computer networks, materiality of the internet, digital community infrastructure, DIY/DIWO approaches, FOSS culture.

You might know my work from the LowTech Mag's solar powered server project https://solar.lowtechmagazine.com

Currently pursuing a # in Interaction and Participatory # at Malmö University. As part of that research I work together with actors in the cultural sector to co-design alternative social media infrastructures with/for them. These are mostly based on fediverse applications, so I am also interested in aspects of # # # and more generally how to transition to and improve alternatives together etc. This space is far from perfect and in some cases insufficient but we need to start somewhere??

I'm a founding member of https://varia.zone, and also part of https://lurk.org. With LURK we've been running a fediverse instance called post.lurk.org since 2018, for which I am happy to be one of the co-admins! As part of that I boost #, calls and questions..

:drake_like: This is introduction is really long because post.lurk.org has a character limit of 1337


Reasonable Colors is an open-source colour system for making accessible colour palettes.

It uses an intuitive system of shades to help you select colours which meet the appropriate WCAG contrast rating, even if you're mixing and matching base colours:

https://reasonable.work/colors/

# # # # # # #
A large title which says "Reasonable Colours" is overlaid on a pale spectrum of different colours