About
I love art and technology. I am always learning.
I'm a Front-End Developer currently based in Toronto, ON. I am open to relocating within the province of British Columbia or Ontario. 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
-
HTML
Experience with XHTML, HTML5: forms, semantic and accessible elements, SVG, history API, intersection observer API, local storage, service workers, social and SEO metadata
-
CSS
Experience with CSS: variables, grid, flex, media queries, support queries, functions, animations, responsive web design, scss, less, bootstrap 3 and 4
-
Javascript
Experience with vanilla javascript, JSON data, typescript, Angular 4-7, 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, PHP 5/7, WordPress admin, nginx, Apache, MongoDB, MySQL
-
Developer Tooling
Experience with git, GitHub, gitlab, gulp, npm, node.js, webpack, karma+jasmin, Jest, Jenkins, xcode, docker, mamp
-
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 from https://css-tricks.com/front-end-development-is-not-a-problem-to-be-solved/ in new tab
- I'll argue that front-end developers need to master four different skills. Read More from https://zellwk.com/blog/good-frontend-developer/ in new tab
- Full Stack Developers become the gatekeeper of at least some kinds of code they simply don't care about writing well. Read More from http://www.heydonworks.com/article/reluctant-gatekeeping-the-problem-with-full-stack in new tab
- While all these languages are code, they do wildly different things. Read More from http://bradfrost.com/blog/post/big-ol-ball-o-javascript/ in new tab
- Technical skills. How quickly they can solve ridiculous trick challenges under pressure that won't exist in the actual job. Read More from https://gomakethings.com/what-makes-someone-a-good-front-end-developer/ in new tab
- We had to learn about the diversity of people and devices. Read More from https://www.sonniesedge.co.uk/talks/dear-developer in new tab
Code Experiments
- Footer Form in new tab
- Grid Layout in new tab
- Vertical Split Screen in new tab
- Grid Layout with Gaps in new tab
- Backdrop Filter in new tab
- Border Gradient in new tab
- Vue Router Transitions in new tab
- Alice in CSS Zen Garden in new tab
- Grid Layering Elements in new tab
- Rainbow Border Cards in new tab
Experience
| Year | Position | Company |
|---|---|---|
| 2019 – Present | Front-End Web Developer | Postmedia Network Inc. in new tab |
| 2015 – 2019 | Front-End Web Developer | 411 Local Search Corp. in new tab |
| 2013 – 2015 | Web Developer | Site Technologies Inc. in new tab |
| 2010 – 2013 | Peer Tutor | Humber College in new tab |
| 2010, 2012 | Video Editor | Windsor Historical Society in new tab |
| 2011 | Post Coordinator Intern | Cineflix in new tab |
| 2007 – 2009 | Supervisor | House of Shalom Youth Center in new tab |
Professional Development Training
- 2020 OpenJS Free 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
-
ā¦Danielle is an excellent resource in regards to web based knowledge, she was able to answer any questions I had regarding mutual projects or if I just had a random question while she was doing a million other tasks, great patienceā¦ — Ian Milligan | Graphics & Web Designer @ 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
-
ā¦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 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
-
I just looked at some of your logs. Great work! I'm impressed. — Eva Ziemsen | Director @ Travel Bhutan Documentary
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:
