Mike Pan's Digital Anthology

May 06

a new website!


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:

The Design

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:

Content first. Big projects are featured.

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.

Should look as good on a 3.5’ screen as a 30’ screen.

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.

Hand-crafted HTML5, CSS3, Jekyll backend

Semantic HTML, CSS3 goodies, it’s all there.

Trouble-free hosting.

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.

Things I Learned

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.

Apr 23

[video]

Apr 22

Bliss | Long live XP.

Scene File

Bliss | Long live XP.

Scene File

Apr 15

Day 23: Open Happiness.

Just playing with modifiers. I wasn’t even drinking Coke at the time.

Scene File

Day 23: Open Happiness.

Just playing with modifiers. I wasn’t even drinking Coke at the time.

Scene File

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.

Scene File

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.

Scene File

Apr 13

Day 21: “Battleworn”

Scene File

Day 21: “Battleworn”

Scene File

Apr 12

Day 20: Flight of the Phoenix

Scene File

Day 20: Flight of the Phoenix

Scene File

Apr 09

Gone Surfing

Day 19 of Default Cubism.

Scene File

Gone Surfing

Day 19 of Default Cubism.

Scene File

Apr 08

Mushroom Powerplant.

Day 18 of the solo cube exercise. Lots of modifiers. One-shader to rule them all.

Scene File

Mushroom Powerplant.

Day 18 of the solo cube exercise. Lots of modifiers. One-shader to rule them all.

Scene File

Apr 07

Day 17. Taking it easy today.

Scene File

Day 17. Taking it easy today.

Scene File

Apr 06

Day 16 of the Default Cubism Experienment. More about it here.

Cycles Rendered.

Scene File.

Day 16 of the Default Cubism Experienment. More about it here.

Cycles Rendered.

Scene File.

Apr 05

"Hammer time"

Day 15 of #DefaultCubism.  Started from a cube, fractured, rendered in Cycles.

Scene File

"Hammer time"

Day 15 of #DefaultCubism. Started from a cube, fractured, rendered in Cycles.

Scene File

Day 14: Something you don’t want to see under a microscope?

Scene File

Day 14: Something you don’t want to see under a microscope?

Scene File

Apr 03

Day 13: Flying with Superman.

Scene File

Day 13: Flying with Superman.

Scene File

Apr 02

Day 12. Golden-ray shell.

Scene File

Day 12. Golden-ray shell.

Scene File