question

Ranter

jonmorazav

Comments

9

ChrisCooney

1646

9y

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

240

9y

I would possibly go svg.
11

Cruiser

1459

9y

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

240

9y

You can embed svg in html.
2

oroys

814

9y

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

9y

🤔 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

3033

9y

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

1266

9y

border-radius: 50%;
0

pjhauser

-1

9y

•••••
0

pjhauser

-1

9y

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

Nexion

1266

9y

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

jirehstudios

4843

9y

CSS
2

nblackburn

8647

9y

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

jiraTicket

2207

9y

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

1266

9y

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