If you just want to see the new site, go to mikepan.com
It’s been more than 5 years since my portfolio’s last redesign, which looked like this:
Okay, I still like the old design, but there are quite few things that desperately need improvement:
With all that in mind, the new sites has the following improvements:
Not only does each project have its own page, all the images are at least 1920x1080. This ensures everything looks great on a retina screen.
The background is now a dim black, further putting the content forward.
Using CSS3, I was able to make the site pretty responsive. Google Chrome’s device emulation feature is a godsend for testing how the site will look on different devices.
Semantic HTML, CSS3 goodies, it’s all there.
My previous host wasn’t the most reliable nor easiest to use, so I decided to go with something far more established, and free. Github. They can host any static content, and updating the site is as easy as a git push.
Remember when a pixel is just that, a pixel? Now a design has to target everything from 72 DPI computer screens to a 300 DPI smartphones. Combine that with the idea of viewport, varying aspect ratio, it makes for some pretty interesting layout challenges.
This wasn’t too much of a problem for me, but I had to make sure all the images I uploaded are encoded in the proper colorspace (sRGB).
Use css reset, shivs, boilerplates. Because these things are made by people far smarter than you. It will save you time and give you back precious sleep.
Sadly, this hasn’t really changed much from 5 years ago. Desktop browsers are getting really good, but mobile browsers has their own performance issues and limitations.
Bliss | Long live XP.
Day 23: Open Happiness.
Just playing with modifiers. I wasn’t even drinking Coke at the time.
Day 22 of my Default Cube experiment. Only a cube, and plenty of modifiers.
Had to render on the CPU because GPU ran out of memory. Wishing Blender had micropolygon support. Render with a minimal of 8GB of free RAM.
Day 21: “Battleworn”
Day 20: Flight of the Phoenix
Day 19 of Default Cubism.
Day 18 of the solo cube exercise. Lots of modifiers. One-shader to rule them all.
Day 17. Taking it easy today.
Day 16 of the Default Cubism Experienment. More about it here.
Day 15 of #DefaultCubism. Started from a cube, fractured, rendered in Cycles.
Day 14: Something you don’t want to see under a microscope?
Day 13: Flying with Superman.
Day 12. Golden-ray shell.