Web Dev Projects
Eric R. Burton
Front End Developer
Every project a new frontier —
Stellar work, Grounded execution.
✦ Featured Works
✦ Professional Portfolio
Code.Mine
The professional face of Code.Mine — showcasing front end services, completed projects, and offering contact information for custom work
✦ Business Site I
Wyrms & Whiskers
An in-world emporium of familiars and companions — every creature comes with its own statblock.
✦ Business Site II
Silver Scroll Bookshop
Your one stop shop for official Dungeons & Dragons sourcebooks, core rulebooks and 3rd-party content.
✦ Labs & Experiments
✦ Lab 01
CSS Layouts
A flexbox and CSS Grid exercise demonstrating nav layout with flex and a responsive product grid with hover animations
✦ Lab 02
Style Guide
A design documentation page for the Silver Scroll Bookshop covering the color palette, typography choices, and WCAG AA accessibility compliance.
✦ Lab 03
Pulse: The Impossible Avatar
A visual experiment using nested radial gradients, CSS custom properties, and SVG curved text to create a variation of the "impossible Avatar" based on the Loonie Tunes exit logo
✦ Lab 04
JS Intro
A button click triggers DOM manipulation, dynamically updating text content and applying inline styles through a JavaScript event listener
✦ Lab 05
Mobile Menu
A JavaScript-powered hamburger navigation menu that toggles open and closed, built with CSS transitions for smooth animation.
✦ Lab 06
Creating Shapes with CSS Clip-Path
Internal documentation written for junior developers explaining the CSS clip-path property, how to build an octagon shape, and common pitfalls.
✦ About Me — Developer Bio
Hello, my name is Eric Burton, I'm a front end developer with a focus on building clean, intentional web experiences. I care about the details — from semantic markup and accessible structure to cohesive visual design — I find satisfaction in turning ideas into things people can actually interact with.
This term in Web Development II, I've worked with a wide range of front-end techniques, from responsive layout systems and CSS preprocessors to JavaScript-driven interactivity and custom shape rendering with clip-path. Each project pushed me to to develop my skills and write more accessible and well structued code.
From layout experiments to fully realized business sites, I try to approach every project with the same attention to detail — always looking for ways to push my skills further and build something worth visiting.
Skills & Technologies
- ✦ CSS Grid & Flexbox
- ✦ SCSS / Sass
- ✦ Responsive & Mobile-First Design
- ✦ JavaScript & DOM Manipulation
- ✦ CSS Animations & Transitions
- ✦ CSS Clip-Path & Custom Shapes
- ✦ CSS Custom Properties
- ✦ SVG & Curved Text
- ✦ Accessibility / WCAG AA