kbinDesign

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

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

The first approach to "warehouses", channels, rooms. Personally, I don't like the solutions seen on , but people seem to like them. And yet, the user interface is for people, not for themselves. At least to a large extent.

While reddit's layout isn't fully polished (many subreddit-related modules and pages still use the old layout), I decided to use a drop-down menu that I don't like and redesign it a bit.

liaizon,
@liaizon@wake.st avatar

@cody oh wow that is looking great! I didn't realize there was so much active development on kbin!

amerika,

@cody

Reddit is awkward and the censorship is offputting.

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.

cody,
cody avatar

The subpage of followed channels, users and tags is still missing, but the general idea is already visible. GIF is animated.
I also updated the preview: https://bit.ly/3NRFQrH

TaraSkywalker,

@cody this design is delightful

cody,
cody avatar

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

cody,
cody avatar

The fight, I suppose, mainly with CSS has begun. Such a simple design probably won't even require extending Astro's functionality. The blog and subpages are already working, and there is nothing else there. Well, except for the contact form. https://bit.ly/3OGpVN8

cody, (edited )
cody avatar

The first version of the user account settings layout. View with icons from the Tabler family instead of Font Awesome. Due to availability, license, number of icons and their variants, all existing icons will be replaced with Tabler icons.

By the way, I would like to add that what I "draw" here does not have a 1:1 reference to the work of the author of the site, because these are only my suggestions. It doesn't have to affect at all. It also doesn't mean that I'm right and everything is logical :) I just decided to help in the development of the project, but slightly from the side. Unfortunately, open source projects tend to live as long as the developer (usually one person) is motivated. And motivations are easy to burn out, especially in this type of projects.

cody,
cody avatar

And a kbin icon in to complete the set. The mesh is far from perfect and the model itself is ridiculously simple, so there's no point in sharing the .blend file.

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

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

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.

cody,
cody avatar

After a few hours spent with , I can say that it is more pleasant to receive than or . Developer mode starts faster, hot reloading is no problem, build is also faster.

The biggest pain I caused myself, because I chose the standard approach to CSS for this framework. Lack of SASS or other preprocessor hurts a bit. However, I will not give up and will not install any.

cody,
cody avatar

Font Awesome vs Feather Icons. CC BY 4.0 vs. MIT. Pack of 2020 icons vs 287. Despite the advantage expressed in numbers, I do not have feelings for Font Awesome. What's better? Or maybe looking at things like icons is just a designer's whim?

cody,
cody avatar

@odddev Thanks. I know Tabler but completely forgot about it, and most of the listings now refer to icon search engines, icon selling platforms, not icon families. I guess I need to do some research after years and refresh this topic.

dekkzz76,
@dekkzz76@emacs.ch avatar

@cody

fonts are personal choices too for a lot of people

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