I’ve been working for the past few weeks on redesigning my website.
After I hired a designer, well… because I’m just so bad at designing, I started working on implementing her PSD mockups into HTML/CSS.
For the responsive part I used flexboxgrid.com, for the first time actually.
It was pretty neat… I was using bootstrap all the time for the grid system so changing it with light option, was nice. I also get to play more with flexbox.
The main reason, beside the design change, was that I wanted to drop my hostgator.com host, because they don’t offer a server running NodeJS, so I built my own on a digitalocean.com droplet, which was quite fun actually. Learned to play with pm2 and security stuff xD.
I also implemented a small CMS which allow me to CRUD my blog posts. I didn’t wanted to stress out to much regarding authentication, so I learned firebase to handle that for me. It was much much simpler… It also stores all my blog posts for free (for now ^_^), which is cool.
I’ll appreciate if you can take a look at my website, and feel free to let me know any bugs you might find. You can check it out: florin-pop.com.
P.S. Make sure you check the mobile web version of it also, I got a pretty slick navigation menu on there, you’ll love it!
Nice portfolio. Just a heads up for the blog section: on smaller resolutions it doesn’t feel quite right. I would probably try a different arrangement of the smaller posts\categories just to use up the remaining white space more appropriately.
Hey, Florin, it’s looking very nice. I like your mobile menu a lot; however, it looks somewhat pixelated on my screen when it is small:
Maybe an SVG would be better?
Also, I’m curious about how you got a designer and did that process. I sent you an invite on LinkedIn if you wanted to chat a little bit about that there.
Hmm… well… it’s because the way I did to achieve the effect.
Basically I have 3 fixed position items (the button, the ul with the links, and the background which scales on click). I couldn’t think of a better way to achieve this as I needed the writing and the button lines to stay the same size.