Items tagged with: Design

Search

Items tagged with: Design

Wow, so the other day I shared what #Microsoft does when you search to download #Firefox from #Edge* but they go one step further for #Chrome.

(I have zero love for either surveillance capitalist but, my goodness, what absolute asshattery. Having spent more time than I’d like testing in #Windows these past two days, I constantly feel like some malevolent entity is trying to exploit me at every turn. Because one is. This OS is a case study in hostile #design.)

* mastodon.ar.al/@aral/109704475…

#web

Screenshot of the Download Chrome page on google.com in the Microsoft Edge web browser. Edge has popped up a dialogue box over the page that reads: “Microsoft Edge runs on the same technology as Chrome, with the added trust of Microsoft.” There is a button on it that reads “Browse securely now”
#firefox #Windows #chrome #microsoft #design #web #edge

#foss #opensource #book #libreoffice #design #styles #templates #desktoppublishing @LibreOffice @Bruce Byfield

#UX #design #ui #dyscalculia #articles #bestpractices

#a11y #apple #design #uidesign

#a11y #webdesign #design #events

#books #design #inclusivedesign

Here's some tips about mobile app design. If you're holding a phone, normal humans can't reach buttons at the top of the screen with their thumb without using a 2nd hand. It's better to put the buttons where fingers can reach them so that buttons are easier to use. bookofadamz.com/smartphone-gra… #UX #Design
#UX #design

#design #impact #techforgood

#opensource #libreoffice #design #publishing @LibreOffice

#design #uidesign #inclusivedesign

#design #uidesign #inclusivedesign

#books #design

#gnome #design #wallpaper #boxes #gnomeos

#gnome #design #icon #appiconpreview

#Mastodon #federation #SmallWeb #decentralisation #design #SingleTenant #centralisation

So remember how I was saying you shouldn’t have to know or care if your operating system is immutable for an immutable operating system to be usable by everyday folks? (You know, clever folks, like brain surgeons and astronauts, not just your regular garden variety tech hobbyist with time to spare following instructions from a wiki.)

Seems others think so too… #VanillaOS sounds very promising. #Fedora #Silverblue folks should take some notes.

vanillaos.org/

#os #design #linux #gnome

Vanilla OS

Vanilla OS is an On-Demand immutable Linux based distribution which aims to provide a vanilla GNOME experience.
vanillaos.org
#linux #gnome #design #fedora #silverblue #os #VanillaOS

#thunderbird #design #live @Thunderbird: Free Your Inbox

#gnome #design #gnomedesigntooling

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.
#design #loremipsum

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

codeberg.org/kitten/app#how-ma…

#interfaces #code #design


app

A web development kit that’s small, purrs, and loves you.
Codeberg.org
#design #code #interfaces

#blog #design #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.
#design #HelixEditor #delighters

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.
#illustration #design #web #svg #vector

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.
#foss #illustration #design #web #svg #vector #boxySVG

#design #web #svg #illustation

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> )
#design #NodeKit #htmx #prototyping

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)

diaspora.glasswings.com/posts/…

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

toot.cat/@dredmorbius/10859547…

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

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

#eink #ui #ux #interfaces #UIUX #design #WebDesign #AppDesign


E-Ink Design Principles for Web and Applications

E-Ink Design Principles for Web and Applications If you're engaged in application or Web UI/UX design for E-Ink devices or displays (https://en.wikipedia.org/wiki/Electronic_paper), it helps to keep in mind what these displays' capabilities are.
Glass Wings diaspora* social network
#UX #webdesign #design #ui #Eink #interfaces #uiux #appdesign

#job opportunity in #art #design academy

boosts appreciated! :boost_requested:

werkenbijhogescholen.nl/vacatu…

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


Vacatures - Werken bij hogescholen

Hét landelijke arbeidsmarktportaal van alle hogescholen!
Werken bij hogescholen
#art #job #design

#Accessibility #privacy #librewolf #design

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

#privacy #LibreWolf #design

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.”
#privacy #librewolf #design

#gnome #design #GNOMEShell #interface #consistency

#UX #design

#design #usability #errorMessages #settings #bios #virtualisation

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 (ar.al/2020/08/07/what-is-the-s…), only on the command-line and with ssh.

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

charm.sh/apps/

#design


What is the Small Web?

Today, I want to introduce you to a concept – and a vision for the future of our species in the digital and networked age – that I’ve spoken about for a while but never specifically written about: The Small Web.
Aral Balkan
#design

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*

#calm #simple #design

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).
#design #calm #simple

#design #transition #animation #web #fun

⇧