About
I love art and technology. I am always learning.
I'm a Front-End Developer currently based in Calgary, AB. 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 8 years in a professional capacity. My nerdy love for CSS, however, goes back over 16 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
- Header Shapes in new tab
- Grid Layout with Gaps in new tab
- Backdrop Filter in new tab
- Grid Layout in new tab
- Alice in CSS Zen Garden in new tab
- Horizontal Split Screen in new tab
- Vertical Split Screen in new tab
- Rainbow Border Cards in new tab
- Multiple Background Blending in new tab
- Grid Layering Elements 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
-
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 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
-
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
-
ā¦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
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:
