kbinDesign

Looking at images on KBin is incredibly inneficient

As things are I have to click on the link, whitch directs you again to the individual post and then you have to click AGAIN to make the image full screen. Thats also IF the image is viewable from KBin at all. Some times you have to click a link to see an image that is posted else where. Minor anoyance but images are a large part...

cody,
cody avatar

On the occasion of buying a license for Figma and putting Adobe Xd aside, I thought about creating a kbin system design ((unofficial, for testing figma and plugins).

But the post is not about that. I've been living for a while now and I still don't understand why designers stick to a full color palette. From 100 to 900 for each variant. Practice shows that no development team is able to implement it the way the ui designer dreamed. And this is regardless of the size of the company and the money spent on it. Not to mention pallet modifications.

I can't decide whether it's the designers' lack of knowledge that in ordinary SASS you can generate a practically full palette from one base color, or maybe the attitude that everything must be in line with their vision to the letter.

After all, the average user will not even notice the difference. Anyway, monitors have different settings, brightness, contrast, technology and screen quality and the effect will still differ from the designer's vision.

knoland,

@cody Checkout Chakra UI we use it at work, and it's been far and away the best way to implement designs to spec from figma. Their variant and theme system is next level. We can access all those variants with just like "red.900" instead of having to use convoluted SASS functions.

cody, (edited )
cody avatar

@knoland I know chakra, in fact it's the same as what I'm writing about, only prepared and ready to work.

I'm not talking about the development side, but the masses of designers who spend days/months creating palettes, tints, shades. When in practice it doesn't really make sense. Whether the colors are generated in CSS, JavaScript or is a function built into a given framework is not so important. The point is not to do it manually because the marginal tonal differences in manual selection and generated shades will not be noticed by most users anyway.

I'd love it if there was a quicker route to get to an alphabetical list of all the magazines I'm subscribed to

As things stand, I think the fastest way to get there is to click my name, then click Profile, then scroll all the way to the right to Subscribed - and even then the list I get is a) sorted by when I joined (rather than alphabetically) and b) spread over multiple pages when you're subscribed to enough magazines (meaning...

Show article information at the top (codeberg.org)

I think that the interface would look clearer, and it would be easier why you're seeing a given article, if the author and magazine were shown right below the title instead of all the way to the bottom. This is what I propose: Untitled.png This is what it looks like now: Screenshot from 2023-06-14 09-57-41.png

lol,
lol avatar

Is this the place for suggestions? I'm not sure when to go

lol,
lol avatar

If so can we have private messages with other users (if already a feature idfk)

cody,
cody avatar

@lol Yes, it's a good place, as well as kbinMeta

However, it should be remembered that the project is being temporarily developed by one person and it is not possible to respond to everyone. For this reason, it is logical for the community to explore the proposal as broadly as possible. Validation and refinement of the topic will allow the developer to decide faster whether to implement changes and when, and shorten the implementation time.

We should be able to click links on other lemmy/kbin instances and open them in our own instance

Not entirely sure how possible this is, but it's a pretty large pitfall I just discovered. If someone links a thread in a comment and I click it, my browser will open the thread in their instance, not mine. Therefore, if I want to interact with the post they linked, I have to copy it, paste it into my instance's search bar, find...

cody,
cody avatar

Picture for fun, but a store with branded gadgets launched at the right time is not a bad idea in my opinion.

cody,
cody avatar

The kbin icon is now officially in the latest release of the Tabler set. I recommend using and sponsoring this project.

https://tabler-icons.io/changelog#2.22

cutitdown,

@cody All good points! Thanks for your insights.

rzeszutek,
@rzeszutek@mastodon.social avatar

@cutitdown @cody Minor correction. In fact, some images (thumbnails for magazines) actually have wrong proportions at the generation level. Anyway, the solution is the same. When I have some time, maybe I'll run my own instance and rewrite it a bit.

It is also possible that the amendments have already been committed by someone and are waiting for review.

cody,
cody avatar

Some thoughts on voting UI

cody,
cody avatar

@kris Upvotes and downvotes work and do the job, the problem is that they require a disciplined community and admins.

If the ratings do not affect the real ranking, users do not see the point in it, they get irritated and the service slowly but surely dies. It happened with digg, it's happening with its Polish clone, wykop.pl, and it's happened with several other counterparts.

Unfortunately, the natural course of things. The site becomes popular, money begins to appear, this affects the ranking through sponsored content and begins a slow decline.

upvote/downvote meets the needs you write about. If it works as it should. It is less important whether it will be an arrow, stars, hearts or any other object used to illustrate the functionality.

Though maybe thumbs up/down would be a better choice than arrows.

kris,
@kris@outmo.de avatar

@cody My point was mainly that bundling these two technically and conceptually different interactions into what appears to be the same thing just with a positive or negative sign is not the best UI design wise.

cody,
cody avatar

Filling minor gaps in branding

look997,

@cody This is a slash / with /kbin, but what's the deal with v? Does it mean something more?

garrettw87,
garrettw87 avatar

@look997 If I'm not mistaken, it's not meant to resemble the letter V, but rather a Manila folder (note the little tab on the left).

cody,
cody avatar

Small changes. And by the way, checking if uploading video to kbin in any form is already working. Only now I noticed that font-display works differently on firefox compared to webkit

Video

cody,
cody avatar

A small thing, but it makes me happy. It's fake at the moment, but the icon is already waiting for to reach version 1.0

Upvote vs like

Graphics/UI and #ux are one side of the project, UX that is combined with functionality and design is a slightly different story. Looking at the project from the beginning I was wondering about the sense of mixing upvotes and likes. Of course, I know that this from the functionality of federated applications, but also in them...

cody,
cody avatar

A few minor stylistic changes. Or rather, suggestions for change.

cody,
cody avatar

Slowly but forward. Main pages with no content, but they are there. Blog without pagination, but it works. Currently, the font jumping on swap annoys me the most.

Lanfingpage

ernest,
ernest avatar

@cody button animation is pretty awesome

cody,
cody avatar

@ernest After the mechanics, RWD and content, it would be good to visually diversify the home page a bit, but we'll see how with time. Parallax in the hero/header section is a few minutes of work, but taking the time for more interesting animations can be problematic.

g8phcon2,
g8phcon2 avatar

why the choice to call the groups magazines?

g8phcon2,
g8phcon2 avatar

I only signed up minutes ago, but I'm already liking the look and feel of this.

ernest,
ernest avatar

@g8phcon2 Hi there! :) I chose this name a long time ago. It's a play on words. In Polish, the word "magazyn" can have several meanings depending on the context. Here's an explanation of its various meanings:

  • Magazine: It refers to a periodical publication containing articles, stories, or images on various topics, such as fashion, news, or entertainment. Magazines are usually published regularly, like monthly or weekly publications
  • Warehouse: It represents a large storage space where goods or products are stored before they are distributed or sold. Warehouses are used by businesses to store inventory or raw materials
  • Depot: This meaning refers to a facility or building where resources, supplies, or equipment are stored or kept. Depots are often used in the context of transportation, logistics operations

We are considering a change to something more neutral. Although I personally like this name, I would like to further investigate if the name is uncomfortable for others.

  • All
  • Subscribed
  • Moderated
  • Favorites
  • kbinDesign
  • PowerRangers
  • DreamBathrooms
  • osvaldo12
  • tacticalgear
  • InstantRegret
  • magazineikmin
  • Youngstown
  • slotface
  • Durango
  • rosin
  • khanakhh
  • vwfavf
  • kavyap
  • hgfsjryuu7
  • anitta
  • thenastyranch
  • cubers
  • everett
  • mdbf
  • GTA5RPClips
  • ethstaker
  • ngwrru68w68
  • cisconetworking
  • tester
  • normalnudes
  • modclub
  • Leos
  • provamag3
  • All magazines