I coded this entire website by hand utilizing a SASS pre-processor, it's completely changed the way I look at CSS. This is the third iteration in two years that I have done.
Live Site: Static Kevin Dench Design
I particularly enjoy bonus features and “behind the scenes” featurettes when watching movies, so I thought I would include this — except about the website. I coded this entire website by hand utilizing a SASS pre-processor, it’s completely changed the way I look at CSS. This is the third iteration in two years that I have done. I had a friend help me with some of the JavaScript you see on the site, but I am currently a very beginner learning JavaScript, because I find it fascinating.
No Frameworks
When I coded this website I had not yet known about frameworks like Bootstrap, Pure CSS, or how to code a WordPress site. So this site is the static Kevin Dench Design website. However, with the cards seemingly stacked against me, I was still able to develop a mobile responsive, clean website, without the help of frameworks.
The portfolio piece thumbnail works on hover. This presented a problem when I got around to responsiveness, but with some quick thinking I implemented a way to "break" the hover so the icons just stay there on mobile.
Portfolio Piece
The portfolio piece thumbnail works on hover. This presented a problem when I got around to responsiveness, but with some quick thinking I implemented a way to “break” the hover so the icons just stay there on mobile.
Mobile Menu
I have heard that three-lined mobile menu icon called a hamburger before, so I’ll refer to it as that. In order to have a clean mobile menu in use with a static header, it required some finagling but I got it to work without the header over-setting the menu.