This website contains my ever-evolving portfolio currently housed using Github Pages as a static site, under a custom domain name through Namecheap. Coded during my free time, I’ve learned a lot of modern web design principles along the way. This site was created using HTML5, CSS3, and vanilla JS. Google Analytics has been implemented on the main pages. Static site form submission is powered through a custom-styled Google Form. All HTML pages are currently housed at the root directory level. Dev-friendly source code can be found in the "src" folder. Gulp.js task runner is used to optimize content from source folder (minify HTML/CSS/JS, reduce image sizes) before pushing changes to the repo. My site design philosophy revolves around modern technology, responsive design, and accessibility for all.
Modern Technology
- High performance and security
- Technical debt reduced by only supporting modern browsers
Responsive Design
- Minimal device breakpoints (min. 320px screen)
- Relative CSS units and repetitive CSS variables
- Media queries for reduced motion
- Meta data implemented for social sharing
Accessible for All
- Semantic, descriptive HTML
- Color contrast checked
- ARIA implemented, meeting WCAG AA guidelines
- CSS classes for screen reader/visual impairment