Danielle Bastien Senior Front-End Developer • Web Accessibility • Technical Lead

Projects

• Postmedia Design System design system

  design system

  Postmedia Design System

  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
• 411 Styleguide design system

  design system

  411 Styleguide

  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
• Climate Town Knowledge Hub website

  website

  Climate Town Knowledge Hub

  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
• Bird Photography web application

  web application

  Bird Photography

  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
• Danielle's Cooking Recipes web application

  web application

  Danielle's Cooking Recipes

  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
• Router Transitions website

  website

  Router Transitions

  • 
  • 
  • 
• 21 Days of Resilience Router Subscriptions website

  website

  21 Days of Resilience Router Subscriptions

  • 
  • 
  • 
  • 
  • 
  • 
  • 
• Covid Care: Pandemic Safety Communication Tool website

  website

  Covid Care: Pandemic Safety Communication Tool

  • 
  • 
  • 
  • 
  • 
• Spotify Playlist Switcher website

  website

  Spotify Playlist Switcher

  • 
  • 
  • 
  • 
  • 
• Web API Notifications code snippet

  code snippet

  Web API Notifications

  • 
  • 
• Canvas Particles Valentine Playlist website

  website

  Canvas Particles Valentine Playlist

  • 
  • 
  • 
  • 
  • 
• Alice in CSS Zen Garden website

  website

  Alice in CSS Zen Garden

  • 
• Border Gradient code snippet

  code snippet

  Border Gradient

  • 
  • 
• CSS Grid Pull Quote code snippet

  code snippet

  CSS Grid Pull Quote

  • 
  • 
• CSS Grid Layering Elements code snippet

  code snippet

  CSS Grid Layering Elements

  • 
  • 
• Border Layer Illusion code snippet

  code snippet

  Border Layer Illusion

  • 
  • 
• Horizontal Split Screen code snippet

  code snippet

  Horizontal Split Screen

  • 
  • 
• Vertical Split Screen code snippet

  code snippet

  Vertical Split Screen

  • 
  • 
• Grid Layout with Gaps code snippet

  code snippet

  Grid Layout with Gaps

  • 
  • 
• Grid Layout code snippet

  code snippet

  Grid Layout

  • 
  • 
• Footer Form code snippet

  code snippet

  Footer Form

  • 
  • 
  • 
• Multiple Background Blending code snippet

  code snippet

  Multiple Background Blending

  • 
  • 
• Backdrop Filter code snippet

  code snippet

  Backdrop Filter

  • 
  • 
• Header Shapes code snippet

  code snippet

  Header Shapes

  • 
  • 
• Photo Cards code snippet

  code snippet

  Photo Cards

  • 
  • 
• Rainbow Border Cards code snippet

  code snippet

  Rainbow Border Cards

  • 
  • 
• CSS Grid Newspaper Layout code snippet

  code snippet

  CSS Grid Newspaper Layout

  • 
  • 
• Animation Timeline Progress Scrolling code snippet

  code snippet

  Animation Timeline Progress Scrolling

  • 
  • 
  •