dmlb logo 🔝

About

I love art and technology. I am always learning.

I'm a Front-End Developer currently based in Toronto. I am currently working with the Postmedia Network Digital team on their user experience initiatives. I've been creating the visual and interactive portion of websites for the last 7 years in a professional capacity. My nerdy love for CSS, however, goes back over 15 years.

My expertise includes accessible responsive web development, audio-video post-production, and photography. My work ethic is that of a reliable self-starter, caring team member, organization guru. For the most part, I am private, brief and to the point, but I am happy to answer specific and detailed questions in detail.

Front-End Development to me is similar to a final round of editing, pulling all the pieces together from a project in a way that is technically well-executed and user-focused while still achieving the initial goals. I am passionate about inclusivity, you'll witness this reflected in the questions I will always have about a project to determine correct semantics and accessibility.

What is a Front-End Developer?
My Skills & Tools

  1. HTML5 icon

    HTML

    Experience with XHTML, HTML5: forms, semantic and accessible elements, SVG, history API, intersection observer API, local storage, service workers, social and SEO metadata

  2. CSS3 icon

    CSS

    Experience with CSS: variables, grid, flex, media queries, support queries, functions, animations, responsive web design, scss, less, bootstrap 3 and 4

  3. JavaScript icon

    Javascript

    Experience with vanilla javascript, JSON data, typescript, Angular 4-7, Angular js, jQuery, jQuery UI, Google Analytics, Google Tag Manager

  4. Patterns

    Experience with cookies, unit tests, keyboard focus trapping, form validation, custom validators, form mobile keyboard optimization, form auto-fill optimization, i18n, user-generated content, empty states, video, responsive images, hybrid app upgrading, server & client-side rendering, state transfer, service workers and PWA, lazy routing, lazy loading, single page application, progressive enhancement, graceful degradation, HTTP requests/RESTful API/micro-services/ajax, state management, responsive web design, email templates, schema microdata, rxjs subscriptions, observables, widget implementation, tracking codes

  5. PHP icon

    Back End

    Experience with Python 3, PHP 5/7, WordPress admin, nginx, Apache, MongoDB, MySQL

  6. Git icon

    Developer Tooling

    Experience with git, GitHub, gitlab, gulp, npm, node.js, webpack, karma+jasmin, Jest, Jenkins, xcode, docker, mamp

  7. Adobe icon

    Software

    Experience with adobe lightroom, adobe photoshop, adobe premiere, adobe after effects, adobe illustrator, adobe audition

Is there industry consensus about
what a Front-End Developer does?

  • HTML and CSS are often seen as a burden. Read More
  • I'll argue that frontend developers need to master four different skills. Read More
  • Full Stack Developers become the gatekeeper of at least some kinds of code they simply doesn't care about writing well. Read More
  • While all these languages are code, they do wildly different things. Read More
  • Technical skills. How quickly they can solve ridiculous trick challenges under pressure that won't exist in the actual job. Read More
  • We had to learn about diversity of people and devices. Read More

Code Experiments

Experience

Year Position Company
2019 – Present Front-End Web Developer
2015 – 2019 Front-End Web Developer
2013 – 2015 Web Developer
2010 – 2013 Peer Tutor
2010, 2012 Video Editor
2011 Post Coordinator Intern
2007 – 2009 Supervisor

Professional Development Training

  • 2019 NG Conf Free Stream
  • 2018 Editing Fiction and Memoir by Maggie Morris
  • 2018 Micro Frontends: The Key to Scaling Single Page Applications Webinar Rangle.io
  • 2017 Google mSite Hackathon
  • 2011 Picture Editors on Editing Symposium by CFC
  • 2011 Script Supervisor Workshop by Dug Rotstein

Education

  • Humber College Institute of Technology and Advanced Learning
    • 2013
      • Web Design, Development and Maintenance
    • 2012
      • Film and Television Production
      • Specializing in post picture, post sound, and visual effects.

Endorsements

  • …It was easy to innovate with her for UI & UX design issues we had regarding the company website redesign… — Lisa Macklem | Graphics & Web Designer @ 411.ca
  • Danielle is quiet but very diligent working. I have worked with her on several projects and she has proven herself to be very dependable detailed oriented in the work she does. — Jeffrey Richardson | Producer @ Border Line Short Film
  • …Danielle is a very well rounded and knowledgeable team player, who not only strives towards achieving her performance goals, but actively delivers towards the team’s performance benchmarks as well… — Iuri Strelet | Front-End Developer @ 411.ca
  • …Danielle was one of the team’s best assets: she would flawlessly complete her own dev work, take time to mentor more junior developers, and offer her skills for side projects for internal initiatives like corporate videos and events… — Care Fader | Product & Brand Marketing Manager @ 411.ca
  • …She’s always studying the latest trends in media and never hesitates to share her knowledge with the team. Her spark and curiosity I've always admired… — Tevin Castle | Graphics & Web Designer @ 411.ca

See more on LinkedIn

Credits

Role Production Genre
Cinematographer, Picture Editor & Director Veterans Memory Project
Dir. Danielle Bastien 		Documentary
Assistant Picture Editor Travel Bhutan
Dir. Eva Ziemsen 		Documentary
Picture Editor & Script Supervisor Border Line
Dir. Maria Alejandra Morales 		Drama
Picture Editor Grief. Behind the Tableaux
Dir. Eva Ziemsen 		Documentary
Script Supervisor Grief. Story of a Mime in Seven Tableaux
Dir. Abraham Bankole, Kyle Carruthers, Jesse Herzog & Jesse Powell 		Drama
Dialogue Editor Astronomy Girl
Dir. Robyn Watkins 		Drama
Visual Effects Artist Calvin Klein
Dir. John Harden 		Spec Commercial
Script Supervisor Jadon's Change
Dir. Abraham Bankole 		Drama
Picture Editor & Visual Effects Assistant Teresa's Tummy
Dir. Yosef Baraki 		Drama
Script Supervisor Foreign Exchange
Dir. Matthew Ieraci 		Family
Script Supervisor Honda Civic
Dir. Dan Whidden 		Spec Commercial
Location Sound Recordist Team Canada Hockey
Dir. Lucas Dabrowski 		Spec Commercial
Location Sound Recordist & Visual Effects Artist Dive and Diminution: A Punk Story
Dir. Kyle McGuire 		Documentary

About This Site

This site is built with a technical focus on HTML5, CSS and page speed; check out the results:

google page speed test with lighthouse, score 100 on desktop, score 99 on mobile

website carbon emissions, is cleaner than 95% of all websites tested