DEV Community

Discussion on: My New Kickass Portfolio Website

Collapse
 
veslav3 profile image
Roy Honders

Why do you use percentages to indicate your skills?

Also the link to dev.to has no icon. (on mobile)

Collapse
 
mokkapps profile image
Michael Hoffmann

As described in

I prefer a graphical representation of my skills. The percentage number is not important in this case. Maybe I remove it, I will think about it.

Which mobile browser do you use?

Collapse
 
veslav3 profile image
Roy Honders

I couldn't reproduce it. It was on the brave browser.

Thread Thread
 
mokkapps profile image
Michael Hoffmann • Edited

The SVG is loaded via a CDN maybe it hasn't been loaded yet

Collapse
 
matt123miller profile image
Matt Miller

How can you rate your skills as a percentage though? What is 100% in this scenario? How do you know how close you are to this mythical, theoretical 100%? Who provides this score? How do you test yourself to come out with a score? Is it just knowing the standard library for any given language or competency in using it?

Thread Thread
 
mokkapps profile image
Michael Hoffmann

Of course, this is problematic and not a reliable indicator.

But it is definitely better than a list of buzzwords:

Java, JavaScript, React, Angular

Do you know a better way to visualize skills?

Thread Thread
 
matt123miller profile image
Matt Miller

Personally, as a programmer, I don't like visualisation in and of itself. It seems that whatever approach you use is still implying a visual ranking or relationship of skill proficiency based on size, colour etc. which brings with it the problems of measurement I described.

Maybe it's appropriate in the portfolio and/or CV of a designer. I'm glad you included a numerical value in a div for screen readers though :)

But listing things in order is my preferred approach. Added benefit on a CV is reordering items as necessary to appear a better candidate for different job roles. If it was my site I'd list them in order of proficiency and show an image of the technologies logo on the left.

Thread Thread
 
mokkapps profile image
Michael Hoffmann

Thanks for your explanation, sounds reasonable. I will think about it and maybe change it ;-)

Thread Thread
 
mokkapps profile image
Michael Hoffmann

Changed it based on your suggestion and I am very happy with the result:

Thanks for the helpful discussion!