DEV Community

How I Re-Wrote my Portfolio Site

Ali Spittel on November 29, 2017

This week, instead of learning one new thing, I got a little bit obsessed with re-writing my portfolio site. I decided to write a blog post about t...
Collapse
 
willvincent profile image
Will Vincent

Between the p5 library and the 'brands.js' file, you've got over 400K (compressed) of 3rd party requirements, before any of your own code. That's super heavy for what the resulting page actually is.

I'd recommend finding ways to trim that down, considerably.. especially if mobile users are a target consumer of the page.

Collapse
 
bgadrian profile image
Adrian B.G.

Nice.

I have a burning questions for years, how can I display the beauty of backend services and algorithms, the front end devs got it easy :D

Collapse
 
aspittel profile image
Ali Spittel

Ah! I actually have professionally worked as a backend engineer but not as a frontend one!

Collapse
 
bgadrian profile image
Adrian B.G.

Yes but if I would make a fancy CSS3 portofolio website I am afraid I would give the wrong impression that I like front-end :)) god forbid, for me is a necessary evil, I may be good at it but doesn't mean I like it.

Thread Thread
 
helloanavee profile image
Ana Vasquez

Hahaha!! I love backend too (more than I will ever like front end). I think back end is more logical and harder to showcase, so maybe when showcasing the end product, it's better to accompany it with an article or post. Then the article would need:
1) problems you faced
2) how you solved it
3) relevant code that helped

Another insight here: freelancing.stackexchange.com/ques...

Collapse
 
techchelsey profile image
Chelsey

How do you stop the music from the CodePen ?

Collapse
 
machr profile image
Mark Powell

This is awesome Ali! I'm playing with shapes this weekend!
Oh, and your favicon is the Vue logo.

Collapse
 
bengreenberg profile image
Ben Greenberg

This is awesome. Thanks for sharing the process and the site looks amazing.

Collapse
 
denvercoder profile image
Tim Myers

When you leave your website the music doesn't stop! :P

Collapse
 
smontiel profile image
Salvador Montiel

You have a nice portfolio site!

Collapse
 
cdvillard profile image
Charles D. Villard

Hey! There seems to be a weird formatting bug in your post. Your link to your site is rendering as dev.to/aspittel/aspittel.github.io.

Collapse
 
aspittel profile image
Ali Spittel

Fixed it! Thank you ๐Ÿ™‚

Collapse
 
luispa profile image
LuisPa

THIS IS AWESOME!

Collapse
 
askeroff profile image
Javid Asgarov

Very cool, but I have horizontal scroll on my screen. It seems to come from 'width: 100%' on the body? What do you need it for? If it's really crucial, try adding 'overflow-x: hidden'.

Collapse
 
aspittel profile image
Ali Spittel

Ah thanks! Fixed it. At some point I was having issues getting the canvas to be 100%, but fixed that and kept the body one accidentally!