Triple Dare (CSSOff Entry):WebsiteView This Project
This was my entry into the popular CSSOff contest, “a competition for front-end developers to show off their skills in a no holds barred display of CSS and markup skills”.
This was my first attempt at using the concepts of Responsive Design in a significant project, even with this being only a single-page contest entry. However, the approach I needed to take when developing this fictitious game show’s website has ultimately changed how I approach any front-end development task. Mostly gone are taking measurements of a design in pixels and instead looking at the sizing of elements on the page as a proportion or percentage of the page itself. I no longer look at font sizes in terms of pixels, put instead in relative units like
rem. Admittedly, this was a bad habit I should have dropped a long time ago.
I also tried to take the concepts of a small screen or mobile first approach when finishing the project. Since I started the project with a Photoshop document seemingly developed with a traditional desktop view in mind, it initially felt much easier to develop for a larger viewport. Once that was in place, I tried to make sure that my CSS was structured in a way that was mobile friendly.