Web Development
Light Mode/Dark Mode Informational Article
A website created to demonstrate the latest web and operating system trend of enabling user choice in appearance; Dark Mode. The website features a toggle that cycles through CSS options and remembers the user’s choice to suit their needs.
This work is a demonstration of my capabilities in implementing WordPress on a domain through Installatron; getting my bearings and familiarity with plugins and the block editor.
Another example of a web trend, parallax is defined as “the effect whereby the position or direction of an object appears to differ when viewed from different positions, e.g. through the viewfinder and the lens of a camera.” In Web Development, the Camera’s viewfinder is the browser window, and the user can manipulate the position of objects on the page by scrolling through.
Since the introduction of mass produced commercial VR headsets in 1995, VR tech continues to get more impressive with each passing year and new device; including web powered VR.
Livelong and Proper – eCommerce Project
Created with a team of Michael Schears, Andrew Key, and myself.
We had the concept with a fictitious business from a previous class, but rebuilt it within WordPress, modernized the layout, and added eCommerce functionality with the ecWid plugin for a shopping cart experience.
Unfortunately, these images are all that is available of the experience – most of the website was deleted. This was a harsh but valuable lesson in the importance of backups and multiple copies. Both internship projects I am involved in have been meticulously backed up and preserved as a result of this experience.
Below you can see the shopping cart functionality as it was intended.
Bootstrap Configuration
Frameworks are also an important aspect of today’s web. In addition to Content Management Systems, frameworks are key to developing a responsive website and layout drafts within hours.
Database Management
A few example webpages had been generated with working databases of users. Every Content Management System (CMS) website has had it’s own database of users associated with it as well. Throughout this course, I was able to determine how to manage my webserver’s database–adding/removing users, reading and writing data, etc.
Progressive Web Application (PWA)
These are web pages that can be “Installed” to your homepage and act as a native application. The advantage here is that a company can publish an application to a website and avoid additional costs of native development.
Including:
- cost of hardware
- cost of licensing
- wait time for approval on App Store/Play Store
Benefits of this approach:
- revisions and testing instantaneously
- multi-device compatibility
- multi-platform compatibility