Technology:

CSS

CSS, or Cascading Style Sheets, is a style sheet language used to describe the presentation of a document written in HTML or XML.

It enables web designers to control the layout, formatting, and appearance of web pages, ensuring a consistent and visually appealing user experience.

CSS Projects

Camping Karaoke Website
-

A passion of mine which has been growing over the years is Karaoke, and not just Karaoke but the rather unique niche of Camping Karaoke.

This idea started out many years ago where it was a combination of a generator, a stereo, a laptop, and a stack of printed out pages with all of the available song titles. People would look through the pages and manually write out their song selections. I would then be in charge of manually creating a playlist song-by-song.

The next iteration involved putting fake mp3s of all of the song titles onto an iPod, passing the iPod around to have people add their songs to a playlist. This playlist would be imported, then a simple script would translate the playlist into a type of playlist the karaoke software would recognize.

The main issue with the previous approaches was that the entire list of chosen songs was completely randomized, which often cause an awkward situation. People who chose more songs than others often ended up performing multiple songs in a row, while those who picked fewer songs had to wait longer for their turn.

In 2015 I decided to go high-tech with this situation and utilize Drupal to create a website to organize the karaoke setup. Multiple users can scan QR codes to connect to the website which runs off of a Wifi hotspot. The site contains a list of all available songs so users can choose the songs they want to perform and whether they want to perform it earlier or later.

When it's showtime, the playlist is randomly generated in a way that ensures all performers are evenly spaced out and the songs are weighted by their earlier/later preference. Data is gathered on the chosen songs to create personalized pages for each user, which suggests new songs they might like, such as songs they haven't performed before by artists they have previously chosen.

This project has been very successful in simplifying the process of organizing the karaoke playlists, which allows me to enjoy the experience of Karaoke with minimal setup time. This has been an ongoing project and I have added features here and there over the years.

Client
Technology
PHP
Drupal
SQL
CSS
Custom Business Software Development
-

While working at Eelzee Solutions, I assisted in development of custom business software for various clients in the automotive, construction, health & safety and service industries.

This involved research, planning, and development of additional custom features for the business workflow of existing sites as well as aiding in the development of new sites for new clients.

As well as developing functionality for the business software, I also was involved in developing automated testing for the new and existing features to help ensure the software runs smoothly and efficiently.

Technology
Drupal
PHP
Behat
Javascript
SQL
jQuery
CSS
dolnik.ca Home Page Update

When the public perception and presence of Adobe Flash was dwindling, the Flash-based home page of dolnik.ca needed an update. Utilizing recent web technology such as Html5, CSS3, and Greensock animation platform, I was able to recreate the animated time lapse mountain scenery of the Flash version, as well as update the look and feel of the clouds to add more realism. The scene shown is a videoscape of a mountain top setting based off of a picture of myself during a hike up one of the local mountains around Vancouver.

Client
Technology
GSAP
Timelapse
jQuery
CSS
PHP
Photoshop
dolnik.ca Website
-

After 5+ years of having a flash-only based website, dolnik.ca was due for an upgrade. After having a good look around at what the current web practices are, I decided to re-create dolnik.ca and go with a mobile-first based responsive design using Twitter's open source Bootstrap framework as a foundation.

In the name of reusability and for the ease of future updates, I ensured that most of the pages are highly templated, and pull their content from a simple custom CMS using a combination of PHP and MySQL. As for the general design I looked towards a flat and simple, yet textured layout, with a parallax background with a layer in front that resembles a scratched-up frosted glass.

Client
Technology
PHP
SQL
LESS
jQuery
CSS
Javascript
Bootstrap
HTML
Tags
dolnik.ca Picture Viewer

When the public perception and presence of Adobe Flash was dwindling, the Flash-based picture viewer of dolnik.ca needed an update. Utilizing various current web technologies, I was able to build off of the back-end of the current PHP/MySQL image database that I am using for the Flash version, to create a Non-Flash version of the picture viewer.

For the background image, I used php to pull the highest rated / most viewed image from the current collection and added a blur effect to give the current page a theme that represents the current image collection. At this point the more advanced features of the Flash version such as searching by location, tags, and dates are not incorporated yet, but will be in the near future.

Client
Technology
PHP
SQL
jQuery
CSS
Javascript