Kevin Dench

kevindench.design

Static Kevin Dench Design

Static Kevin Dench Design

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.

This is the hover effect of the portfolio items

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 BootstrapPure 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.

This is the iPad version of the static Kevin Dench Design website

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.

The feature buckets for the Crop connect Apps on the Static Kevin Dench Design website This is the Stay on the Right Track portfolio page This is the feature buckets of the Cable Factory Page This is the about page of the static Kevin Dench Design website

Projects like this one:

The splash page of Engineering Center This is the landing page of Your Light Shine note the configurable quote and buckets. The Featured Image for the App System of Crop Connect