Senna Stubbs

Since the post where an 'Access Point Tracker' was developed that makes use of the Omada Open API , many improvements have been made to my project and it is now far appropriate for an IT support team that needs to get information on access points (APs) in their network. On top of quality-of-life changes, the method for updating the page has also been modified to be more efficient and put less stress on the server hosting the tracker, now using JavaScript to access the AP data and fill in the HTML elements. It is essentially a template now, so the HTML is not constantly being generated on the server and will certainly lower the processing power required by the server whenever an update is made. This also allows for the interval at which the AP tracker will update to be lowered tremendously to every second. More Data and Tooltips A key change with the information on APs that is being retrieved is that a lot more is being taken in by the Omada update script. It still gets the IP...

A fun gimmick that I decided to look into is changing a web page's style based on the current date of the year. Making a page look more frosty when its winter would make for a fun interactive feature that I think would appeal to most. The solution to this simple gimmick was to use  CSS custom properties / variables , which allows for different values to be stored and used throughout the CSS file. For a basic web page, variables for the background colour, text colour and a filter for the background image were created (since the filter property will affect all children elements, the background image has been put into a separate div under the 'body' tag with a special 'bg' ID). These variables can be referenced using ' var() '. Then for each unique page style I wanted, I created a new class that modifies the CSS custom properties. CSS classes for the default (root) style and page styles. Now all that's left is to implement some JavaScript that will determin...

For me to complete my college course for 'Digital Design and Development', skills in web design and development were needed for the final exam. For this I chose to work on designing a website for a coffee shop called 'Bean & Brew'. The features I managed to implement into this basic design includes: A header and footer than update globally As long as the script exists on a page, a header and footer will exist Can be edited and updates to all pages automatically A home page JavaScript is used to create a functioning carousel of offers, however it only works by the user manually progressing through it with the buttons provided. A menu of items JavaScript is used to display different categories in this menu. An ordering page No functionality, just to show how it could look when working. An offers page A locations page Uses a Google Maps embed to show a marked location. A jobs page A search bar Does not work, scales with the width of the window. Sign in and sign up page...