PixelPro

PixelPro showcases three production-style landing pages (SaaS, E-commerce, Agency) in pure HTML5, CSS3, and vanilla JavaScript — responsive breakpoints, ARIA/keyboard accessibility, localStorage cart, and scroll animations.

Features

• Responsive breakpoints
• Accessibility (ARIA, keyboard nav)
• localStorage cart
• Scroll animations

Architecture

• Markup. Semantic HTML5 + BEM
• Style. CSS3, no framework
• Script. Vanilla JS + Intersection Observer
• Build. Zero build step

Challenges

• Matching production polish without a framework
• Accessible keyboard and ARIA patterns
• Keeping motion purposeful and performant

Metrics

• Demos. 3
• Build. None
• A11y. ARIA

Results

• Three polished landing demos
• Accessible interactive patterns
• Cart demo with localStorage