About
I am a polymath and artist that loves to learn and the complexities of designing systems for the web and who is looking for opportunities to learn, grow and be challenged. I love art and technology. I like how the web allows combining art and technology to create new forms of storytelling and new ways to experience those stories. I am passionate about equal access and how Web Accessibility can level the playing field for people in many ways.
I take initiative on tasks and I am determined, dedicated, patient, organized, and goal-oriented. I love to learn and grow. I document and share my knowledge and skills with others.
I love art and technology. I like how the web allows combining art and technology to create new forms of storytelling and new ways to experience those stories. I am passionate about equal access and how Web Accessibility can level the playing field for people in many ways.
I've been creating the visual and interactive portion of websites for 17 years, the last 9 professionally utilizing HTML5, CSS, and Javascript web technologies.
Front-End Development, to me, is similar to a final round of editing, pulling all the pieces together for a final polish. Every step of the development process from data and content-informed structure to responsive visuals creates an interconnected balancing act. I am passionate about inclusivity, and I will have numerous questions about a project to determine the correct semantics and accessibility early on. Knowing the users, the context and the "why" of a product is important for determining the technical needs. So many aspects go into a product that is technically well-executed and emotionally enthralling while still achieving the initial goals.
Additionally, I have a surplus of multimedia skills available to be utilized: photography, cinematography, photo editing, video editing, and sound mixing.
My Front-End Skills & Tools
-
HTML
Experience with XHTML, html5: forms, semantic and accessible elements, SVG, history API, intersection observer, mutation observer, local storage, service workers, social and SEO metadata
-
CSS
Experience with vanilla css: variables, grid, flex, media queries, support queries, animations, responsive web design, scss, node sass, dart sass, less, bootstrap 3 and 4
-
Javascript
Experience with vanilla javascript, ES5, ES6, JSON data, typescript, angular 4-9, angular js, jQuery, jQuery UI, Google Analytics, Google Tag Manager
-
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
-
Back End
Experience with Python 3, Django 2.2, PHP 5/7, WordPress admin, nginx, Apache, MongoDB, MySQL
-
Developer Tooling
Experience with git, GitHub, gitlab, gulp, npm, node.js, webpack, Jest, karma+jasmine, Jenkins, google cloud, amazon AWS, xcode, docker, mamp
-
Software
Experience with adobe lightroom, adobe photoshop, adobe premiere, adobe after effects, adobe illustrator, adobe audition
-
Methodology
Experience with agile developement using JIRA, ScrumDo, Trello; experience with remote and hybrid remote work environments
My Code Experiments
- Grid Newspaper Layout
- Particle Canvas Valentine Playlist
- Multiple Background Blending
- Angular PWA Router Subscriptions
- Alice in CSS Zen Garden
- Border Gradient
- Grid Pull Quote
- React Playlist Switcher
- Border Layer Illusion
- Grid Layout
- Rainbow Border Cards
- Header Shapes
- Footer Form
- Web API Notification Testing
- Covid Care: Pandemic Safety Communication Tool Angular
- Animation Timeline Progress Scrolling
- Photo Cards
- Backdrop Filter
- Vertical Split Screen
- Grid Layout with Gaps
- Gatsby Contentful Cooking Blog (PWA)
- Grid Layering Elements
- Vue Router Transitions
- Horizontal Split Screen
Company Experience
| Year | Position | Company |
|---|---|---|
| 2022 |
Senior Front-End Developer Agile Development |
Approach Controls Inc in new tab
Hybrid Remote |
| 2019 – 2022 |
Lead Front-End Web Developer Agile Development |
Postmedia Network Inc. in new tab
Remote |
| 2015 – 2019 |
Front-End Web Developer Agile Development |
411 Local Search Corp. in new tab
Hybrid Remote |
| 2013 – 2015 |
Web Developer Agile Development |
Site Technologies Inc. in new tab
On Site |
Professional Development Training
- 2021 Front End Masters: JavaScript The Hard Parts v2
- 2021 Workshop: Dynamic CSS with Custom Properties
- 2020 OpenJS Stream
- 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.
-
2013
Endorsements
-
I just looked at some of your logs. Great work! I'm impressed. — Eva Ziemsen | Director @ Travel Bhutan Documentary
-
…you've got many requests because you're proving every day that you are a great developer, people know that you are reliable… — Andre Collin | Development Manager @ Postmedia
-
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
-
…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
-
…I was extremely impressed to see how quickly she managed to navigate through the product environment, technologies and became a part of a team to deliver a challenging release… — Indra Dosanjh | VP Product Development @ Veloxsites
-
…you are professional, have attention to detail, I like your compentenses and your presentation of arguments… — Vincent Groux | Director of Engineering @ Postmedia
-
…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
-
…first to take the lead the go-getter of the squad. Danielle is analytical and always takes initiative… — Anastasia Ribeiro | Marketing Communications Coordinator @ 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
-
…you are one of the shining starts of the engineering team, you have a bright future ahead of you. if you get the chance to work with a high performing group you're going to love it… — Fraser Reed | Development Manager @ Postmedia