This project was proposed as a weekly news blog and tools aggregation website. The main features of this website were an interactive backend CMS hand coded in PHP that would allow an inexperienced user to upload articles and tools to the front end and make new posts.
The website would be populated with websites and tools that align with our target demographic of web developers and UI/UX practitioners.
This website relied on the creation of a front end segment through PHP and the integration of a password protected back-end CMS using PHP, Javascript and MySQL with editable user roles.
The tools list was the main section where aggregated CMS elements would be viewable. From each listing there is a connected image of the website/tool, overlay of the website link, a short description, and a secondary CTA link to “go to site”.
This was the backend author section where someone could log in using their author credentials, and then upload content attributed to their role.
From here the author can upload an image, the name of the website (which would also be used as the link), the description of the tool, as well as the category. Categories were a planned feature to be added later in development for a searchable database.
This website was built with responsive principals in mind and is built to be viewed on the three main display types. Mobile, Desktop, and Tablet with breakpoints at each level. The breakpoints allowed us to enforce "Graceful Degradation" and maintain close to full functionality even at smaller screen sizes.
Using tools such as NU Html Checker and WAVE Accessibility this website reached AAA level validation in accordance to W3C validation standards. This means that this site had multiple accessibility features built in, such as, seamless navigation via Aria screen reader, colour blind aware colour contrasts, proper semantic layout, as well as other features such as closed caption video. This website showcases the best practice for web development in relation to semantics and accessibility functions.
