question

Ranter

jonmorazav

Comments

9

ChrisCooney

1656

8y

CSS would avoid weird loading times I would imagine mate! Dead easy to do and a little JavaScript to convert a numerical value into those Dom elements (likely spans).
3

taijutsun

241

8y

I would possibly go svg.
11

Cruiser

1501

8y

don't do images, each is another html request which will slow your site down. use rounded corners in css or look at svg
2

taijutsun

241

8y

You can embed svg in html.
2

oroys

819

8y

I'd go with svg, no doubt. But I never saw the point in these, what does it mean that someone knows four pips of PHP?
0

jonmorazav

59

8y

🤔 Good point. I was going to add some indication of proficiency like the first circle being "poor", the middle being "average", and the last circle "proficient". @oroys
1

dayo

3053

8y

I have never liked this on portfolios as you can't assign a percentage to your coding ability, you should always be learning. Instead it would be better to define your years of experience.
0

Nexion

1273

8y

border-radius: 50%;
0

pjhauser

-1

8y

•••••
0

pjhauser

-1

8y

that is to say. I'd be hard pressed not to go for bullet point.
1

Nexion

1273

8y

There is also a Unicode character for a bullet point you could use as well to avoid browser incompatibilities
2

jirehstudios

4857

8y

CSS
2

nblackburn

8972

8y

You don't need anything other than CSS to achieve this.
1

jiraTicket

2303

8y

Circles in css are super easy. would take less time to build this than to discuss it.
the fact that this thread exists makes me think your html+css skill rating should be lower than 4/10.
(sorry if Im grumpy, hadn't had coffee yet)
0

Nexion

1273

8y

@4screendev pro tip: use border-radius: 50%; and you don't need to update it if you change the width