dmlb logo 🔝

I love art and technology. I am always learning. I like how multimedia gives us the chance to combine those things to create new forms of storytelling and new ways to experience those stories.

My History


I've been creating the visual and interactive portion of websites for 14 years, the last 6 professionally. 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 emotionally enthralling 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 in order to determine correct semantics and accessibility.


Additionally, I have a surplus of multimedia skills available to be utilized: photography, cinematography, photo editing, video editing, sound mixing.


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 vanilla css: variables, grid, flex, media queries, support queries, 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 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, Jenkins, amazon AWS, xcode, docker, mamp

  7. Adobe icon

    Software

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

Code Experiments


Experience


Year Position Company
2015 – Present 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


  • 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


  • Danielle is always willing to roll up her sleeves and put in the long hours, graciously allowing others to share the credit. She is also a very positive creative force. She is flexible and open with cast, crew and faculty, and reacts well to constructive criticism. — Robb Wright | Post Production Professor @ Humber College
  • …always ready and keen to learn new things. we created new website from scratch using Angular JS, and she did lots of hard work and deliver quality product to the company. My favourite thing is she is always updated with new technologies… — Mandeep Singh | Quality Assurance Specialist @ 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
  • I get the chance to write to you, to praise you, to commend you, to update you and to thank you. We were fortunate, we were blessed and we were so grateful to you for making everything so easy for us. — Dann Bouzide | Coordinator @ Windsor Historical Society
  • …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

About This Site


This site is built with a techincal 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